Question

var box = $('.box');

$(window).on('scroll', function() {
    var top = $(window).scrollTop() + $(window).height() - 100;
    box.css('top', top);
});

http://jsfiddle.net/ALFdL/

如果我向下滚动一点点，那个盒子就会摇晃一下，是否有像fps这样的选项可以调整向下滚动的频率，我想在向下滚动后快速移动，就像固定在那里一样快。 / p>

PS：我知道我可以在这种情况下使用fixed，但它只是一个模拟真实案例的演示代码。

Answer 1

编辑：如果您想投票，请说清楚您的想法。无声投票不会帮助我理解我做错了什么。

没有必要使用jQuery并尝试修复一些perormance问题，当你可以使用CSS制作这种盒子时。寻找修改后的 jsFiddly 。

在更改position属性中添加z-index CSS：

.box {
    width: 100px;
    height: 100px;
    background: url(http://lorempixel.com/100/100/sports/6/);
    position: fixed; 
    left: 0;
    bottom: 0;
    z-index:100;
}

所以，position:fixed;使你的盒子固定在给定的位置。 z-index:100;将其置于其他图片之上。

Answer 2

没有。滚动速度由浏览器决定（通常直接由计算机/设备上的设置决定）。 CSS和Javascript没有（或不应该）有任何影响系统设置的方法。

见这里：Can I change the scroll speed using css or jQuery?

窗口滚动条性能问题

2 个答案: