水平滚动内部锚链接点击使用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/