Question

不确定这个功能是什么，但它可能使用jQuery的缓动功能。 This site做得非常好。基本上，它会自动滚动到下一部分并粘贴，因此您一次只能查看一个部件。我有部分高度部分照顾，但我对如何调用缓和无能为力。我所做的所有研究只涉及粘性标题和侧边栏。我甚至不确定这个功能叫什么！

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

以下是我目前的JS：

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

Answer 1

您没有将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()的事件，该事件移动到下一个div的top，无论是向上还是向下，都要将窗口捕捉到该位置，或{ {1}}它。

您需要一些方法来跟踪定位animate()的当前位置，这样您就可以知道section事件期间下一步的移动位置。

在继续滚动之前，jQuery滚动到一个部分并坚持下去

1 个答案: