Question

确实,你可以看到这一效果对SimplyScrolldemo page :使用Safat、Kerea、and zoom指出,页面内容非常小,而滚动器则停止移动。

我进行了测试和试验,而且看来,在固定间隔期内, s升值正在增加,但它没有“标准”,只是停留在以前的滚动价值上。更奇怪的是,将手工开发价值从奥塞莱公司改成单行。

这里是相关的幻灯:

self.interval = setInterval(function() {
    // snip

    // increment by 1 pixel
    self.$clip[0].scrollLeft += self.o.speed;

    // scrollLeft value is unchanged

    // snip

},self.intervalDelay); // usually set to 41

我尝试用AnimationFrame取代PInterval,同时大幅降低速度,不产生结果。任何关于“动物”水平为什么会影响到在更长时间内发展的能力的想法?

Answer 1

我把它描绘出来:它同它一样,认为什么是“六主席”,而“六主席”的改变则认为只有一个六主席,没有变化。我计划向开发商提交一份“快乐”报告;现在,我已经执行了以下工作::

self.interval = setInterval(function() {

    // snip

    var elem = self.$clip[0];
    var scrollLeft = elem.scrollLeft

    // increment by 1 pixel
    elem.scrollLeft += self.o.speed;

    // Zoom out hack: raise pixel values until a change actually takes place
    if(elem.scrollLeft == scrollLeft) {
        elem.scrollLeft += (self.o.speed + 1);
        if(elem.scrollLeft == scrollLeft)
            elem.scrollLeft += (self.o.speed + 2);
    }

    // snip

},self.intervalDelay);

Answer 2

步骤 1. 增加以下职能:

fixScrollNotRunWhenBrowserZoomout: function(){
    var self = this;
    var speed = self.o.speed;
    var sp = self.$clip[0].scrollLeft;
    var intervalHandle = setInterval(function(){
        self.$clip[0].scrollLeft += speed;
        if (Math.floor(self.$clip[0].scrollLeft) !== sp || speed == 100){
            clearInterval(intervalHandle);
            self.o.speed = speed;
        }
        speed++;    
    }, 100);
}

第2步:要求行使职能

init: function() {

    this.$items = this.$list.children();
    this.$clip = this.$list.parent(); //this is the element that scrolls
    this.$container = this.$clip.parent();
    this.$btnBack = $( .simply-scroll-back ,this.$container);
    this.$btnForward = $( .simply-scroll-forward ,this.$container);

    this.fixScrollNotRunWhenBrowserZoomout();

友情链接