Question

我们网站上有背景，我想知道停止背景滚动超过一定数量的最简单方法是什么？

因此，如果你滚动y，那么就你有多少内容而言它是无限的。但是，如果让我们说250px，100px等

，我该如何停止BG滚动

由于

Answer 1

我认为你想要做这样的事情，我没有运行这个代码所以它可能不完美，但它应该向你展示技术（也可能混淆了'固定'和'滚动'比特 - 你应该能够很快地说出来）

$(window).scroll(function(){
    var d = $(window).scrollTop();
    if(d > 250){
        $('#image-div').css('background-attachment', 'fixed');
    }else{
        $('#image-div').css('background-attachment', 'scroll');
    }
});

在伪代码中：当窗口滚动时，抓取一个等于屏幕'滚动'金额的变量（d），如果超过x金额，则附加或释放附件。

每次滚动页面时都会触发添加此功能，可能会有一些处理器功率稍微轻松的方法，但它们会看起来有点复杂。

Answer 2

我不是100％肯定你的意思，但是这个：

http://jsfiddle.net/Tgm6Y/5245/

它使用jQuery，您可以选择250px

之类的金额

var windw = this;

$.fn.followTo = function ( pos ) {
    var $this = this,
        $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                top: 0
            });
        }
    });
};

$('#f').followTo(250);

垂直滚动一定数量的背景

2 个答案: