Mediumã®è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã¿ãŸã„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ãã‚‹ï¼skrollr.jsã§ã | mah365Mediumã®è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’見ãŸã“ã¨ã¯ã‚ã‚‹ã§ã—ょã†ã‹ã€‚下ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨æŽ§ãˆã‚ã«ã‚¿ã‚¤ãƒˆãƒ«è‡ªä½“も若干アニメーションã—ã¦åŠé€æ˜Žã«ãªã‚‹ã‚¢ãƒ¬ã§ã™ã€‚æµè¡Œã‚Šã®ãƒ‘ララックスã¨ã„ã†ã‚„ã¤ã§ã™ã€‚実際ã«ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’下スクãƒãƒ¼ãƒ«ã—ã¦ã‚‚らãˆã‚‹ã¨ã€è¨€ã‚ã‚“ã¨ã—ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã€skrollr.jsを使ã†ã¨ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ã“ã¨ãŒåˆ†ã‹ã£ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚ 実際動ã„ã¦ã„るも㮠真似ã—ã¦ã¤ãã£ãŸã‚‚ã®ãŒHerokuã§å‹•ã„ã¦ã„ã¾ã™ã€‚ http://medium-like-cover.herokuapp.com/ 下ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€æŽ§ãˆã‚ã«ã‚¿ã‚¤ãƒˆãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚控ãˆã‚ãªã®ãŒè‰¯ã„。 ソースコードã¯ã“ã¡ã‚‰ã«ï¼ˆmiddlemanã§ã¤ãã£ã¦ã„ã¾ã™ï¼‰ã€‚ https://github.com/mahm/medium-like-cover 仕組㿠data属性ã«ã€Œã©ã®
{{#tags}}- {{label}}
{{/tags}}