這篇文章主要介紹了jQuery的Scrollify插件實現滑動到頁面下一節點的相關資料,需要的朋友可以參考下
有時我們需要做一個單頁面介紹產品特性，而單頁面內容非常多且頁面非常長，為了快速定位到產品特性節點，我們使用js偵聽用戶滾輪事件，當用戶觸發滾輪滑動或者使用手勢觸屏滑動時，即可定位到相應的節點。一款jQuery插件叫Scrollify幫我們做到了。
Scrollify需要jQuery 1.6+以及緩沖動畫easing插件配合來實現。HTML基本結構如下：
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>scrollify</title> <!--[if lt IE 9]> <script src="html5shiv.min.js"></script> <![endif]--> <script src="jquery.js"></script> <script src="jquery.easing.min.js"></script> <script src="jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ se以下是scrollify的默認選項配置：
?
1 2 3 4 5 6 7 8 9 10 $.scrollify({ section : "section", sectionName : "section-name", easing: "easeOutExpo", scrollSpeed: 1100, offset : 0, scrollbars: true, before:function() {}, after:function() {} });新聞熱點
疑難解答
