fullPage scroll snapping. Create full screen pages fast and simple
The best! Proud of being the most complete framework of its kind. Trusted by the most innovative companies. Compatible Working in modern and old browsers too! Make a beautiful site for all! Not just a few! Easy! fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support.
ScrollMagic
ScrollMagic helps you to easily react to the user's current scroll position. It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky ele
パララックスをサクッã¨ä½œã‚Œã‚‹skrollr
「skrollrã€ã¯ã€ãƒ‘ララックス（視差効果）を簡å˜ã«å®Ÿè£…ã§ãるプラグインã§ã™ã€‚ サンプルã®å‹•ç”»ã‚’見ã¦ã„ãŸã ã‘ã‚Œã°ã‚ã‹ã‚Šã¾ã™ãŒã€éžå¸¸ã«å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€åŸºæœ¬çš„ãªãƒ‘ララックスサイトã§ã‚ã‚Œã°ã€ã‚µã‚¯ãƒƒã¨ä½œã‚Œã¾ã™ã€‚ step1 jQueryプラグインã®èªã¿è¾¼ã¿ jQuery本体をjQueryã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ã€skrollrã‚’é…布ページã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ょã†ã€‚skrollrã¯GitHubã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ãƒšãƒ¼ã‚¸å³ä¸‹ã®ã€ŒDownload ZIPã€ã¨ã„ã†ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ jQuery本体ã¨ã€Œdistã€ãƒ•ã‚©ãƒ«ãƒ€ã«å…¥ã£ã¦ã„る「skrollr.min.jsã€ã‚’ã€åˆ©ç”¨ã™ã‚‹Webページã®bodyã®é–‰ã˜ã‚¿ã‚°ç›´å‰ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ //(ä¸ç•¥) <script src="jquery.min.js"></script> <script src="skrollr.min.js"></sc
parallax.js
WOW, that's deep man! parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene... Oh, you don't have a smart device? No worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead. Radical. This project is a collaboration between Matthew Wagerfield & Claudio Guglieri.
パララックスサイトを簡å˜ã«ä½œæˆã§ãã‚‹jQueryプラグイン8é¸
twitter facebook hatena google pocket ã„ã¾ã•ã‚‰ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ãƒ‘ララックスãªã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryプラグインを紹介ã—ã¾ã™ã€‚ sponsors #1 Nikebetterworld Parallax Effect Demo | Ian Lunn è€èˆ—ãªæ„Ÿã˜ã®ã¨ã“ã‚ã§ã™ã。 jQuery localscrollã¨ã‹ã€jQuery scrollToを駆使ã—ã¦ã„ã¾ã™ã€‚ URL：http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ demo：http://ianlunn.co.uk/plugins/jquery-parallax/ #2 JoelBesada/scrollpath GitHub 見ãˆãªã„パスã«ãã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ã£ã¦æ°—æŒã¡ã„ã„æ„Ÿã˜ã§ã™ã€‚ ã“ã‚“ãªè¨˜è¿°ãŒå¿…
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}