首先,我想说我非常喜欢Scrollify,现在我正在计划使用它。我的网站的想法是有一些部分具有快速滚动行为和一些正常滚动的部分。一切工作正常除了我不希望它执行快速滚动时,从快照部分到正常部分。就像现在它将快照卷动到正常部分,首先在快照之后它会进入正常滚动状态。只在特定部分使用滚动条,否则使用正常滚动
换句话说,我认为我所需要的是能够根据视口中的元素启用捕捉滚动功能。但也许有一个更简单的解决方案。
你有什么建议吗?
首先,我想说我非常喜欢Scrollify,现在我正在计划使用它。我的网站的想法是有一些部分具有快速滚动行为和一些正常滚动的部分。一切工作正常除了我不希望它执行快速滚动时,从快照部分到正常部分。就像现在它将快照卷动到正常部分,首先在快照之后它会进入正常滚动状态。只在特定部分使用滚动条,否则使用正常滚动
换句话说,我认为我所需要的是能够根据视口中的元素启用捕捉滚动功能。但也许有一个更简单的解决方案。
你有什么建议吗?
您可能需要使用disable和enable方法来实现此目的。
(function() {
var firstSection = $('.wrapper .normal-page').eq(0)[0]
var firstSectionClassName = $(firstSection).attr('class')
var base = this;
$.scrollify({
section : ".product-page",
sectionName : "section-name",
interstitialSection : ".normal-page",
easing: "easeOutExpo",
scrollSpeed: 1100,
offset : 0,
scrollbars: true,
standardScrollElements: ".normal-page",
setHeights: true,
overflowScroll: true,
before:function(index, arr) {
var currentItem = $.scrollify.current().attr('class')
if (currentItem !== "product-page") {
$.scrollify.disable();
}
},
after:function() {
$.scrollify.enable();
},
afterResize:function() {
},
afterRender:function() {
console.log("move to the top")
$.scrollify.instantMove("#" + firstSectionClassName)
}
});
})()
HTML
<body>
<div class="wrapper">
<div class="normal-page"></div>
<div class="product-page"></div>
<div class="normal-page"></div>
<div class="product-page"></div>
<div class="normal-page"></div>
</div>
</body>
,所以我已经与启用和禁用方法很努力,但
那么这里是我的代码: – arted