[B! Parallax] mocchiccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mocchicc id:mocchicc

Parallaxã«é–¢ã™ã‚‹mocchiccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã«é¢ç™½ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‡ºã™ãŸã‚ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¾ã¨ã‚
ä½œæˆï¼š2016/09/12 Webåˆ¶ä½œ > ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’è¡Œã£ãŸã¨ãã«ã€ã©ã‚Œãã‚‰ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã®ã‹çŸ¥ã‚‰ã›ã‚‹ã‚‚ã®ã‚„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ„ŸãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ã‚ã‚Šã‚„ã™ã„å®Ÿè£…æ–¹æ³•ãªã©ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è£½å“ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’è§£èª¬ã™ã‚‹ã‚ˆã†ãªãƒã‚¦ãƒ„ãƒ¼ãƒšãƒ¼ã‚¸ã‚„ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚„ã‚µãƒ¼ãƒ“ã‚¹ãƒšãƒ¼ã‚¸ã§ä½¿ã„ãŸã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚¢ã‚¤ãƒ‡ã‚¢ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ é€²æ—ã‚’ç¤ºã™ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã‚’ãƒ˜ãƒƒãƒ€ãƒ¼ãƒ»ã‚µã‚¤ãƒ‰ãƒ»ãƒ•ãƒƒã‚¿ãƒ¼éƒ¨åˆ†ã«å›ºå®šã—ã¦ã‚ã‚‹ã‚‚ã®ã‚’ãƒ”ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ ã©ã‚Œãã‚‰ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚ŒãŸã®ã‹é€²æ—çŠ¶æ³ã‚’ç·šã§è¡¨ç¤ºã™ã‚‹ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é‡ã‚’ã•ã‚Šæ°—ãªãçŸ¥ã‚‰ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ãŒã‚ˆã„ã§ã™ãã€‚CSSã®ã¿ã§å®Ÿè£…ã§ãã¾ã™ã€‚ See the Pen CSS only scroll indicator by Mike (@MadeByMike) on CodePen. CSS only s
mocchicc 2016/09/29
css

Parallax

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
JupiterX - Website Builder For WordPress & WooCommerce
mocchicc 2014/06/04
wordpress

Parallax

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
mocchicc 2014/06/02
wordpress

Parallax

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

å†™çœŸ
ãƒªãƒ³ã‚¯
Minimable Demo - One page Responsive Wordpress Theme
ENDLESS POSSIBILITIES THE ORIGINAL SLIDER + MINISHOP (new) PARTICLES VIDEO BACKGROUND
mocchicc 2014/05/28
Parallax

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

wordpress

design
ãƒªãƒ³ã‚¯
21 Examples of Parallax Scrolling in Web Design
55 Comments Wow, nice collection! Thanks for sharing! Keep up the good work! ðŸ™‚ I love Head2Heart, really beautifully done. Thanks for the inspiring collection. A really fantastic list showing a really intelligent and impressive style of web design. I would love to learn more about how to do this, if anyone knows of any discussions or possible tutorials I could have a go at I would be really grate
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax

webãƒ‡ã‚¶ã‚¤ãƒ³

design
ãƒªãƒ³ã‚¯
Studio Songes
Songes est le studio d'architecture d'intÃ©rieur qui sera capable de matÃ©rialiser et amÃ©nager vos espaces de vies rÃªvÃ©s.Songes En grec ancien á½ŒÎ½ÎµÎ¹ÏÎ¿Î¹ / Oneiroi, Â« Songes Â» Mythologie"Petits gÃ©nies par lesquels la divinitÃ© communique aux hommes sa pensÃ©e."
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
jQuery Parallax Plugin Demo
(Almost) Static Background This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled. Multiple Backgrounds The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚å¿…è¦ã ã£ãŸãƒªã‚½ãƒ¼ã‚¹ã¨ä½¿ã„æ–¹ã®ã”ç´¹ä»‹ï¼åˆ¶é™æ™‚é–“12æ™‚é–“ã§èª¿ã¹ã‚ã’ãŸæƒ…å ±è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã¡ã‚‡ã£ã¨é…ããªã‚Šã¾ã—ãŸãŒçš†æ§˜ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ ã•ã¦ã€æ–°å¹´ä¸€ç™ºç›®ã¯å…ˆæ—¥ã“ãã£ã¨ã‚ã‘ãŠã‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦å…¬é–‹ã•ã›ã¦é ‚ã„ãŸã€Ž ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ãªåƒ•ã‚‰ â€“ æ–°å¹´ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†å·¨å¤§4ã‚³ãƒžã€ã§éŠã³ã§ä½œã£ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã®ä½œã‚Šæ–¹ã«é–¢ã™ã‚‹ãŠè©±ã§ã™ã€‚ ã“ã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹æ¼«ç”»ä½œã‚‹äº‹ã«ãªã£ãŸæ™‚ã€å®Ÿã¯ ã“ã‚“ãªçŠ¶æ³ã ã£ãŸã®ã§ã¨ã«ã‹ãå®Œå…¨ã«æ™‚é–“ã¨ã®å‹è² ã ã£ãŸã‚“ã§ã™ãŒã€æ—¥ã€…ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹æƒ…å ±ã«ã¯ç›®ã‚’é€šã™ã‚ˆã†ã«ã—ã¦ãŸãŠã‹ã’ï¼Ÿã‚‚ã‚ã£ã¦ã€ãƒªã‚½ãƒ¼ã‚¹é–¢ä¿‚ã«ã¯å›°ã‚‰ãªã‹ã£ãŸã®ã§ãªã‚“ã¨ã‹ã‚®ãƒªã‚®ãƒªé–“ã«åˆã‚ã›ã‚‹äº‹ãŒå‡ºæ¥ã¾ã—ãŸã€‚ ä»Šæ—¥ã¯ãã‚“ãªãƒªã‚½ãƒ¼ã‚¹é›†ã¨ã—ã¦ãŠä¸–è©±ã«ãªã£ãŸä½œè€…ã®æ–¹ã€…ã¸ã®æ„Ÿè¬ã®æ°—æŒã¡ã¨ã€ã“ã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã£ã¦ã©ã†ã‚„ã£ã¦å‹•ã„ã¦ã‚“ã®ï¼Ÿã£ã¦ã”è³ªå•ã‚‚ã‚ã£ãŸã®ã§ã€æŠ˜è§’ã ã—ã¾ãšã¯ç°¡å˜ã«ä»Šå›žãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¸ã‚’ä½œã£ãŸæ‰‹é †ã¨ä½œã‚Šæ–¹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’å…¨éƒ¨ã”ç´¹ä»‹ã•ã›ã¦é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ï¼ ã¶ã£ã¡ã‚ƒã‘ãŠå®¢ã•ã‚“ã«å‡ºã™å†…å®¹ã§ã‚‚ã€
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
ã€Ževolution ãƒã‚«ãƒ©ã€ã€æ¥ç•ŒNO.1ã€‘ãƒŽãƒ¼ ã‚³ãƒŸãƒƒã‚·ãƒ§ãƒ³ ãƒã‚«ãƒ©|ãƒžã‚¤ã‚¯ãƒ ã‚²ãƒ¼ãƒŸãƒ³ã‚° ãƒ©ã‚¤ãƒ– ãƒã‚«ãƒ©ï½¥ã‚«ã‚¸ãƒŽ ã‚¸ãƒ£ãƒƒã‚¯ ãƒãƒƒãƒˆ|ãƒ‘ãƒãƒ³ã‚³ æ–°å° å¤§é˜ª|ãƒ™ãƒ© ã‚¸ãƒ§ãƒ³ ã‚«ã‚¸ãƒŽ ãƒã‚«ãƒ© å¿…å‹ æ³•
ãƒ•ã‚§ãƒ¼ã‚¹ 777 ãƒã‚«ãƒ© ã‚«ã‚¸ãƒŽ ç„¡æ–™ ã‚ã‚‹æ—¥çªç„¶ã€ç§ã®LINEã«å¨˜ã‹ã‚‰ã€Žã“ã‚Œã€ãƒžãƒžã ã‚ˆãï¼Ÿã€ã£ã¦ç§ã®AVã®å†™çœŸãŒé€ã‚‰ã‚Œã¦ãã¦ luc888 ã‚«ã‚¸ãƒŽ ãƒ™ãƒ©ã‚¸ãƒ§ãƒ³ ãƒã‚«ãƒ© å‹ã¦ ãªã„ é›ªã®åœ§ãŒç™ºé…µã‚’ä¿ƒã™ã®ã¨ã€åœŸã‹ã‚‰ã®èŒã®åŠ›ãŒé–¢ä¿‚ã—ã¦ã„ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨è€ƒãˆã¦ã„ã‚‹ã‚“ã§ã™ã€‚ æ—¥æœ¬ ã® ãƒ©ã‚¤ãƒ– ã‚«ã‚¸ãƒŽ evolution ãƒã‚«ãƒ© é‹ã«ã‚«ãƒ¬ãƒ¼ã¯ãªã¿ãªã¿å…¥ã‚Œã‚‰ã‚Œãªã„ã‹ã‚‰ã€45ãƒªãƒƒãƒˆãƒ«ã®é‹ã«15ãƒªãƒƒãƒˆãƒ«ã®é‹ã€ãã‚Œã«å°åž‹ã®10ãƒªãƒƒãƒˆãƒ«é‹ã§ã‚„ã£ã¨300é£Ÿ ãƒãƒ¼ã‚«ãƒ¼ ã¨ã¯ baccarat å“ç‰Œ ãƒ•ã‚¡ãƒ³ãŒã‚¢ã‚¹ãƒªãƒ¼ãƒˆã‚’å¿œæ´ã™ã‚‹ã®ã¯ã€å½¼ã‚‰ãŒæ—¥ã€…åŽ³ã—ã„ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’ä¹—ã‚Šè¶Šãˆã€ç›®æ¨™ã«å‘ã‹ã£ã¦åŠªåŠ›ã‚’ç©ã¿é‡ãã‚‹å§¿ã‚’ç›®ã«ã™ã‚‹ã‹ã‚‰ã§ã™,ãƒ‘ãƒã‚¹ãƒã¾ã©ã‹ãƒžã‚®ã‚«å›é€† ãƒ•ãƒªãƒ¼ã‚º ãƒã‚«ãƒ© è² ã‘ ãŸ é«˜å²¡ ãƒžãƒ«ãƒãƒ³ ã‚«ã‚¸ãƒŽ ãƒã‚«ãƒ© ã¨ ã¯ å°‘å¹´éšŠã®3æžšç›®ã®ã‚·ãƒ³ã‚°ãƒ«ã€Œãƒ€ã‚¤ãƒ¤ãƒ¢ãƒ³ãƒ‰ãƒ»ã‚¢ã‚¤ã‚ºã€é›ç·´ã‚’é‡ããŸãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®ãŠæŠ«éœ²ç›®ã®å ´ã¨ã—ã¦ã€ãƒ‡ãƒ“
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
jarallax.jsã®ä½¿ã„æ–¹è§£èª¬
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚µãƒªãƒ¼ã§ã™ã€‚ JSã‚’æ›¸ã‘ãªã„ç§ãŒã€ã„ã‚ã„ã‚ã¨ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®JSã‚’æ¼ã£ã¦ã¿ã¦ã€ä¸€ç•ªæ›¸ãæ–¹ãŒã‚·ãƒ³ãƒ—ãƒ«ã§ã‚ã‹ã‚Šã‚„ã™ãã†ã ã£ãŸã®ãŒã€Œjarallax.jsã€ã§ã—ãŸã€‚ ä½¿ã£ã¦ã¿ãŸã‚‰ç°¡å˜ã§ã„ã„æ„Ÿã˜ã§ã—ãŸãŒã€ã¨ã“ã‚ã©ã“ã‚ã‚¯ã‚»ãŒã‚ã£ã¦æ‚©ã‚“ã ç®‡æ‰€ãŒã‚ã£ãŸã®ã§ã€è¦šãˆæ›¸ãã®æ„å‘³ã‚‚å…¼ãã¦ã€ä»Šå›žã¯jarallax.jsã®ä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ï¼ˆæ³¨ï¼šã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã¯ä¸Šæ‰‹ãå‹•ãã¾ã›ã‚“ã®ã§ã€PCã§ã”è¦§ãã ã•ã„ã€‚è©³ã—ãã¯ã“ã¡ã‚‰ã€Œãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã‚’ã¤ãã‚‹ã¨ãã«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒæ°—ã‚’ã¤ã‘ã‚‹ã¹ã4ã¤ã®ã“ã¨ã€ã‚’ã©ã†ãžã€‚ï¼‰ jarallax.jsã¨ã¯ï¼Ÿ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®å‹•ããŒå®Ÿè£…ã§ãã‚‹JSã§ã™ã€‚ãã®åã®é€šã‚ŠjQueryã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ å…¬å¼ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ï¼š http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ã‚µã‚¯ãƒƒã¨ä½œã‚Œã‚‹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
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã®åˆæ©
æœ€è¿‘ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆè¦–å·®åŠ¹æžœï¼‰ã‚’å–ã‚Šå…¥ã‚ŒãŸã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ä»•çµ„ã¿ã‚„ç°¡å˜ãªã‚‚ã®ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ãŠããŸã‹ã£ãŸã®ã§ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã‚‚ã£ã¨åŠ¹çŽ‡è‰¯ãä½œã‚Œã‚‹æ–¹æ³•ã¨ã‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã€ä¸€ä¾‹ã¨ã„ã†ã“ã¨ã§å¾¡è¦§ãã ã•ã„ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã¾ã è©¦ã—ãŸã“ã¨ãŒãªã„ã®ã§ ãã¡ã‚‰ã‚’ä½¿ã£ãŸã»ã†ãŒæ¥½ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚ ã‚ã¨å‹•ä½œã¯ã“ã®è¨˜äº‹æ™‚ç‚¹ã§ã®Firefoxã®æœ€æ–°ç‰ˆã§ã—ã‹ç¢ºèªã¯ã—ã¦ã„ã¾ã›ã‚“ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ã‚’å–å¾—ã™ã‚‹ ã¾ãšã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å‹•ãã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ã‚’å–å¾—ã—ã¾ã™ã€‚ã¡ãªã¿ã«jQueryã‚’ä½¿ã£ã¦ã¾ã™ã€‚ $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ï¼š" + y);//è¡¨ç¤ºç”¨ }); }); ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼
mocchicc 2014/05/19
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

Parallax
ãƒªãƒ³ã‚¯
1