Scrollify網頁滾動工具

jQuery Scrollify 實現滑鼠滾輪或者手勢滑動到頁面下一節點部分

適合用在滾動視差(Parallax Scrolling)網頁的效果,透過滑鼠或手指輕輕動作,頁面就滾動至上一個/下一個section,或自訂名稱的區塊

簡易原始碼示範

<!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({ 
            section : "section", 
        }); 
    }); 
</script> 
</head> 
<body> 
    <section></section> 
    <section></section> 
</body> 
</html>

完整範例: https://projects.lukehaas.me/scrollify/#home
來源:掃文資訊




 迴響列表

    這篇文章還沒有迴響喔,快點搶頭香!

 留下迴響

您留的email將不會被公開,如果您有gravatar帳號,email將會是您的頭像顯示依據。*為必填的欄位

驗證碼

關於這個網站

在這個年代,個人網站的存在是非常難能可貴的。何況還是自己寫的,簡直就是人間的塊寶,世界的遺產。

Read More
艾吉碎碎唸

中年大叔的煩腦 :'(

最新PO文
Go to Blog
Social Accounts