1

不太确定这个特性叫什么，但它可能使用了 jQuery 的缓动特性。 这个网站做得很好。基本上，它会自动滚动到下一部分并粘住，因此您一次只能查看一个部分。我已经处理了部分高度部分，但我对如何调用缓动一无所知。我所做的所有研究都只与粘性标题和侧边栏有关。我什至不确定这个功能叫什么！

这是一个 JSFiddle：http: //jsfiddle.net/y2uTv/1/

这是我的 JS 目前的样子：

$(window).resize(function(){
    var windowHeight = $(window).height();
    $(.section).css(height, windowHeight);
});
4

1 回答 1

0

您没有将您声明的变量传递给 jQuery 的 CSS 方法。删除周围的引号'windowHeight'，它应该立即工作。

$(window).resize(function(){
    var windowHeight = $(window).height();
    $('div.section').css('height', windowHeight);
});                                ^^^^^^^^^^^^
                                   remove quotes

http://jsfiddle.net/ax8XZ/1/

我可以给你一个基本的想法，告诉你应该如何实现你想要的

对于您的问题，您将需要不同命名div的 s，您必须以section某种方式单独列出每个。添加id属性可能是最简单的。

接下来，您需要添加一个scroll()移动到top下一个 div 的事件，无论是向上还是向下，以将窗口捕捉到该位置，或捕捉到该位置animate()。

您将需要一些方法来跟踪当前位置section，以便您知道在scroll()活动期间下一步要移动到哪里。

于 2013-04-06T02:36:28.637 回答