W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
W3Schools.com
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
縦や横ã«é•·ã„サイト「高級ペライãƒã€1度ã¯è¦‹ã¦ãŠããŸã„スクãƒãƒ¼ãƒ«æ¼”出ã®ã¾ã¨ã‚32個ï¼
HTML+CSS+JavaScriptã§ã¤ãるサイトã®å®šç•ªæ¼”出「高級ペライãƒã€ï¼ HTMLファイ部ã®ã€ŒHTML5ã®é¬¼ã€ã“ã¨ã»ã‚“ã ã§ã™ã€‚ カヤック社内ã§ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã„ã†æ„›ç§°ã§å‘¼ã‚“ã§ã„る縦や横ã«é•·ã„1ページサイト。 スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸãƒ‘ララックスやアニメーションã®æ¼”出ãŒå°è±¡çš„ã§ã™ã‚ˆã。 今回ã¯ã€Œé«˜ç´šãƒšãƒ©ã‚¤ãƒã€ã¨ã‚°ã‚°ã‚‹ã¨1ä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€ 僕ã®ã¯ã¦ãƒ–「高級ペライãƒã€ã‚¿ã‚°ã‹ã‚‰åŽ³é¸32サイトを紹介ã—ã¾ã™ï¼ ã¾ãšã¯çŽ‹é“ï¼ç¸¦ã«é•·ã„高級ペライãƒ
スマートフォンã§ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã‚’慣性スクãƒãƒ¼ãƒ«ã§ãるよã†ã«ã™ã‚‹-webkit-overflow-scrolling
overflow ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’許å¯ã—ã¦ã‹ã‚‰ -webkit-overflow-scrolling ã‚’è¨å®šã™ã‚‹ã¨ スマートフォンã®ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã€éƒ¨åˆ†çš„ã«æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚ˆã†è¨å®šã§ãã¾ã™ã€‚ -webkit-overflow-scrollingã®å€¤ã‚’touchã«ã™ã‚‹ã¨æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãるよã†ã«ãªã‚Šã€autoã«ã™ã‚‹ã¨æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’無効ã«ã§ãã¾ã™ã€‚ Androidã¯æ…£æ€§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã„ã¦ã„ãªã‹ã£ãŸã®ã§ã€-webkit-overflow-scrolling: auto; ã¨åŒã˜å‹•ä½œã‚’ã—ã¾ã™ã€‚ ç”»é¢å¹…よりも横長ãªã‚¹ãƒšãƒƒã‚¯è¡¨ã¨ã€åˆ©ç”¨è¦ç´„を模ã—ãŸã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ã¾ã—ãŸã€‚ サンプル ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¤–å´ã®è¦ç´ ã¸overflow: scroll; 㨠-webkit-overflow-scrolling: touch; ã‚’è¨å®šã—ã¾ã™ ※スマートフォンã§è¦‹ã¦ã¿ã¦ãã ã•ã„。パソコ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
æ–‡å—列ã‹ã‚‰HTMLを組ã¿ç«‹ã¦ã‚‹è©± Shibuya.XSS techtalk #5
-webkit-overflow-scrollingã®ã‚µãƒ³ãƒ—ル
{{#tags}}- {{label}}
{{/tags}}