|
正文开始 这个版本测试会抖动，具体原因不详。
目前只使用 jquery.scrollify.min.1.0.21.js版本相对平滑
下载来源：https://www.bootcdn.cn/scrollify/
官网演示（Version 1.0.21）：
https://projects.lukehaas.me/scrollify/#home
~~~
//循环的幻灯片主体标识 class="panels"
//自定义跳转导航的按钮点击事件
navBar.find("a").on("click",function(e){
$(this).addClass("active").siblings().removeClass("active");
$.scrollify.move($(this).attr("href"));
})
moveToTopIcon.on("click",function(e){
$.scrollify.move("#page1");
navBar.find("a.active").removeClass("active");
navBar.find("a").eq(0).addClass("active");
})
var timer;
$(window).resize(function() {
clearTimeout(timer);
timer = setTimeout(function() {
$(".panels").css({"height":$("window").height()});
},40);
});
$('.panels').css({'height': $("window").height()});
navBar.find("a").eq(0).addClass("active")
$.scrollify({
section: '.panels',
easing: "easeOutExpo",
scrollSpeed: 800,
offset : 0,
scrollbars: false,
// standardScrollElements: "",
// setHeights: true,
// overflowScroll: true,
// updateHash: true,
// touchScroll:true,
before: function(i,panels) {
navBar.find("a.active").removeClass("active");
var ref = panels[i].attr("data-section-name");
navBar.find("a.active").removeClass("active");
navBar.find("a[href='#" + ref + "']").addClass("active");
},
after:function() {
},
afterResize:function() {},
afterRender:function() {}
});
$.scrollify.move("#page1");
~~~
正文结束 |
| js 正则替换返回值做回调函数 | js删除对象的属性 |