点击滚动事件 - 语法？

Question

点击滚动事件 - 语法？

5

试图实现根据页面左侧或右侧的点击而滚动。似乎不起作用..也许我的语法不正确或者我用来查找页面左侧或右侧的方法是错误的？

使用 <body onclick="scrollevent()"> :

 <script>
 function scrollevent()
 { 
    var y=0;
    var pwidth = $('#slideshow').width();
    var mouseY = ev.clientY;

    if (mouseY<(pwidth/2) {
        $('#slideshow').animate({scrollLeft: "+=400"});
     }
     else{
        $('#slideshow').animate({scrollLeft: "-=400"});
    }
 }
 </script>

- rootsup

它完全不工作吗？你有收到任何错误信息吗？ - SomeKittens

在以下行代码中出现意外的标记 {>>>>>> if (mouseY<(pwidth/2) { - rootsup

4个回答

1

.animate() 方法允许我们在任何数字 CSS 属性上创建动画效果。

http://api.jquery.com/animate/

.scrollLeft() 是 jQuery 的一个函数，而不是 CSS 属性。

更新：我的错误，根据文档所述：

除了样式属性外，一些非样式属性（如 scrollTop 和 scrollLeft）以及自定义属性也可以进行动画处理。

- Temp

滚动功能单独调用时运行良好，但其他部分存在问题。 - rootsup

0

您正在使用clientY。

请使用clientX来检查页面被点击的左侧或右侧。

演示可以在这里找到：http://jsfiddle.net/codebombs/UT9xK/

- Sasidhar Vanga

0

这行代码：

if (mouseY<(pwidth/2) {

缺少一个闭合的)。请尝试以下操作：

if (mouseY<(pwidth/2)) {

- SomeKittens

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ram · Accepted Answer

您可以使用事件对象的pageX属性而不是pageY属性，如下所示：

鼠标相对于文档左边缘的位置。

$(document).click(function(e){  // or $(document).on('mousemove', function(e){
   var mp = e.pageX;
   var w = $(window).width() / 2;
   if (mp < w) {
        $('#slideshow').animate({scrollLeft: "+=400"});
   } else {
        $('#slideshow').animate({scrollLeft: "-=400"});
   } 
})

请注意，您的代码存在语法错误，您漏掉了一个 )。

if (mouseY<(pwidth/2) {

should be:

if ( mouseY < (pwidth/2) ) {