Question

这是我从互联网上获得的一个脚本，它完美地工作，它在鼠标移动时自动滚动，在这种情况下在scroll的div上，但我似乎找不到我可以在哪里找到速度，或者可以让它变慢！我很困惑!!

$("#scroll").mousemove(function(e){
        /* The scrollable quote container */

        if(!this.hideDiv)
        {
            /* These variables are initialised only the firts time the function is run: */

            this.hideDiv = $(this);
            this.scrollDiv = $('#scroll');

            this.pos = this.hideDiv.offset();
            this.pos.top+=20;
            /* Adding a 20px offset, so that the scrolling begins 20px from the top */


            this.slideHeight = this.scrollDiv.height();

            this.height = this.hideDiv.height();
            this.height-=20;
            /* Adding a bottom offset */

            this.totScroll = this.slideHeight-this.height;
        }

        this.scrollDiv.css({
            /* Remember that this.scrollDiv is a jQuery object, as initilised above */

            marginTop:'-'+this.totScroll*(Math.max(e.pageY-this.pos.top,0)/this.height)+'px'
            /* Assigning a negative top margin according to the position of the mouse cursor, passed
               with e.pageY; It is relative to the page, so we substract the position of the scroll container */
        });

    });

Answer 1

代码似乎只是直接设置边距：

marginTop： ' - ' + this.totScroll *（Math.max（e.pageY-this.pos.top，0）/this.height）+ '像素'

也就是说，它不会调用任何可以轻松设置动画的滚动jquery函数。要实现这一点，你必须对该代码进行一些重写，可能使用带有marginTop css的jquery animate（）函数。

唯一的问题是在mousemove上调用代码，这意味着在动画仍处于活动状态时可以轻松地再次调用它。所以你必须在那里提出一些解决方法，比如可能首先检查是否有动画存在并在那种情况下中止。

jquery滚动速度？

1 个答案: