0

我想在向下滚动操作期间禁用网页的垂直移动并简单地触发它的动画。
另外，我希望确保仅在通过某些指定的垂直位置后才禁用此功能。这些是我页面中的两个部分。

 <section id="3" class="window">
        <div class="content">

            <button id="slide">slide</button>
           <img height="700" src="/home/varun/Documents/Crown/images/line.png" id="2guns" style="position:relative; left:1293px;                                                                                                                                 bottom: 50px;">
        </div>
    </section>
    <section id="4" class="window">
    <div class="content">
        </div>
    </section>

这是我给 sectio:id:3 的 Jquery

 $(window).scroll(function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test =2000;             

if(y_scroll_pos > scroll_pos_test) {
    $('#2guns'&&'#3').animate({left: -14600},7000);
}
});

在这里，section:id:3 从 2000px 开始。
现在的问题是，在向下滚动超过 2000 年时，我想禁用页面的垂直位移。

4

1 回答 1

0

当用户滚动超过 2000 时，给section#3 position: fixed它将跟随浏览器窗口。使用 JS，使元素足够高以覆盖整个视口。用户将能够滚动，但他们不会看到任何不同的东西。当用户向上滚动到 2000 以上时，将position后退从更改fixed为static。

将positionof设置section#3为fixed：

$('#3').css('position', 'fixed'})

要使元素与浏览器窗口一样高：

$('#3').height($(window).height())
于 2013-09-12T21:01:33.550 回答