水平滾動內部錨鏈接點擊使用jQuery

Question

使用jQuery移動水平滾動條與mousewheel.It是工作..

$('html').mousewheel(function (event, delta) { 
      this.scrollLeft += (delta * 50); 
      event.preventDefault(); 
     }); 

我想水平滾動內部錨鏈接點擊，

我用這個代碼：

$(".prevscroll").click(function (event) { 
       event.preventDefault(); 
       $.scrollTo(this.hash, 150, { easing: 'elasout' }); 
     }); 

或

$(window).scrollLeft((Number($(window).scrollLeft()) + 50) + 'px'); 

或

$('body').scrollLeft(50); 

但不要滾動!!!!

我的HTML代碼

<script type='text/javascript' src="js/jquery.mousewheel.min.js"></script> 
<script type='text/javascript' src="js/jquery.min.js"></script> 
<script type='text/javascript' src="js/jquery.mousewheel.js"></script> 
<style> 
.content 
{ 
padding: 20px 20px 0; 
display: block; 
z-index: 1; 
height: 340px; 
position: relative; 
} 
#contentWrapper 
{ 
position: absolute; 
max-width: 100%; 
min-width: 400px; 
min-height: 350px; 
padding: 0 20px 30px 20px; 
z-index: 1; 
} 
</style> 


<div style="display: block;top:107px" id="contentWrapper"> 
    <a class="prevscroll"></a> 
    <div style="margin-right: 0px;" id="content"> 
    //My content 
    </div> 
</div> 

Answer 1

我找到了答案。

$(".prevscroll").click(function (event) { 
      $('html, body').scrollLeft($('html, body').scrollLeft()+150); 
       event.preventDefault(); 
     }); 

Answer 2

您應該將mousewheel功能綁定到body不html和-=不+=。您需要減少沒有增加您scrollLeft

$(function() { 

    $("body").mousewheel(function(event, delta) { 
     var $this = $(this); 

     this.scrollLeft -= (delta) * 50; 
     event.preventDefault(); 
    }); 
}); 

演示的價值：http://jsfiddle.net/EBPdr/1/