Jquery 滚动到下一个元素'后，滚动到triggerElement的顶部，滚动上scrollmagic；s上衣
我有点问题，希望你能帮我解决。。。 我在我的页面上有两个全高的div，然后是站点的其余部分 我想做的是，我想在向下滚动时向下滑动前两个div，在向上滚动时向下滑动到它们的顶部，然后在scrollTop到达第二个div的底部后继续正常滚动。 正如你已经知道的，我不能使用像fullpage.js这样的东西，因为它完全改变了滚动的方式 为了给你们一个更好的视角，这里是我的结构的一个小模拟Jquery 滚动到下一个元素'后，滚动到triggerElement的顶部，滚动上scrollmagic；s上衣,jquery,scroll,slide,scrolltop,scrollmagic,Jquery,Scroll,Slide,Scrolltop,Scrollmagic,我有点问题，希望你能帮我解决。。。 我在我的页面上有两个全高的div，然后是站点的其余部分 我想做的是，我想在向下滚动时向下滑动前两个div，在向上滚动时向下滑动到它们的顶部，然后在scrollTop到达第二个div的底部后继续正常滚动。 正如你已经知道的，我不能使用像fullpage.js这样的东西，因为它完全改变了滚动的方式 为了给你们一个更好的视角，这里是我的结构的一个小模拟 <html lang="en"> <head> <meta charset=
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<menu>
...
</menu>
<main>
<div class="full-height-div-1">
Some content ...
</div>
<div class="full-height-div-2">
Some other content ...
<div class="none-full-height-content-wrapper">
The rest of the elements
</div>
</div>
</main>
<footer>
...
</footer>
</body>
</html>
文件
...
一些内容。。。
其他一些内容。。。
其余的元素
...
scrollTriggers : function() {
myOffset = $j(window).height();
if( $j( 'body' ).hasClass(app.vars.homePageClass) ){
var homeController = new ScrollMagic.Controller();
}
var fullHeightPageScene = new ScrollMagic.Scene({
triggerElement: '.content_wrapper',
triggerHook: 0.95,
})
.on('enter', function() {
TweenMax.to(window, 1, {scrollTo: '.content_wrapper'})
})
.on('leave', function() {
if( app.vars.newScrollTop < app.vars.contentWrapperElement.offset().top )
{
TweenMax.to(window, 1, {scrollTo: app.vars.introSection})
}
})
.addIndicators()
.addTo(homeController);
var fullHeightPageScene2 = new ScrollMagic.Scene( {
triggerElement: app.vars.introSection,
triggerHook: 0,
duration: '90%',
// offset: myOffset - 10,
})
.on('enter', function() {
if( app.vars.newScrollTop < app.vars.contentWrapperElement.offset().top )
{
TweenMax.to(window, 1, {scrollTo: app.vars.introSection})
}
})
.addIndicators()
.addTo(homeController);
},
提前谢谢你“我不能使用像fullpage.js这样的东西，因为它完全改变了滚动的方式。”这并不完全正确。您可以使用中的
滚动条：true滚动条：true