[B! ã‚¹ã‚¯ãƒãƒ¼ãƒ«] roogh5eeSha6ã®ãƒ

roogh5eeSha6 id:roogh5eeSha6

ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é–¢ã™ã‚‹roogh5eeSha6ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

iOS / Androidã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢ã«ã™ã‚‹ãŒä¸€éƒ¨ã ã‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ - Qiita
è¡¨é¡Œã®é€šã‚Šã§ã™ãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢ã«ã™ã‚‹ãŒä¸€éƒ¨ã ã‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹å ´åˆã®å¯¾å¿œã€‚ åŸºæœ¬ã¯htmlã«overflow: 'hidden'ã‚’æŽ›ã‘ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã„ã¨ã“ã‚ã«overflow: 'scroll'ã‚’æŽ›ã‘ã‚Œã°ã„ã„ã®ã§ã™ãŒ (ã‚ã¾ã‚Šç¢ºèªã—ã¦ã„ãªã„ã®ã§é•ã†ã‹ã‚‚â€¦)ã€iOSã ã¨JavaScriptã‚’ä½¿ã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢ã«ã™ã‚‹å ´åˆã¯preventDefault()ï¼ˆã¨ã€{passive: false}ã‚‚ç¬¬ä¸‰å¼•æ•°ã«å¿…è¦ï¼‰ã‚’touchmoveã‚¤ãƒ™ãƒ³ãƒˆã®æ™‚ã«å®Ÿè¡Œã™ã‚Œã°ã„ã„ã®ã§ã™ãŒã€æ³¨æ„ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆãŒ2ã¤ã‚ã‚Šã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢ã‚’è§£é™¤ã™ã‚‹å ´åˆ removeEventListnerã‚’å®Ÿè¡Œã™ã‚Œã°ã„ã„ã®ã§ã™ãŒã€addEventListnerã‚’å®Ÿè¡Œã—ãŸã¨ãã¨åŒã˜é–¢æ•°ã‚’æ¸¡ã•ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ã“ã®æ™‚ã‚¢ãƒãƒ¼é–¢æ•°ã ã¨addã®æ™‚ã¨removeã®æ™‚ã§é•ã†ã‚‚ã®ã¨ãªã‚Šã¾ã™ã®ã§ã‚¢ãƒãƒ¼é–¢æ•°ã¯ä½¿ã‚ãªã„
roogh5eeSha6 2021/08/08
Javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

ç¦æ¢

iOS
ãƒªãƒ³ã‚¯
CSSã§ç”»é¢ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãªã„ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ï¼
roogh5eeSha6 2021/08/08
iOS

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

ç¦æ¢

Javascript
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ã¯ä¸Šéƒ¨å›ºå®šã§ã€ãƒ•ãƒƒã‚¿ã¯æœ€ä¸‹éƒ¨ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å¯¾å¿œï¼ | ã‚³ãƒªã‚¹
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é…ç½®ã—ãŸãƒ˜ãƒƒãƒ€ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚å¸¸ã«ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã¦ãŠã‚Šã€ãƒ•ãƒƒã‚¿ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é‡ãŒå°‘ãªãã¦ã‚‚æœ€ä¸‹éƒ¨ã«é…ç½®ã•ã‚Œã‚‹ãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Sticky footer with fixed navbar ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå°‘ãªãã¦ã‚‚ãƒ•ãƒƒã‚¿ã¯æœ€ä¸‹éƒ¨ã«ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ï¼ ãƒ‡ãƒ¢ Bootstrapã«ç´ æ™´ã‚‰ã—ã„ãƒ‡ãƒ¢ãŒã‚ã£ãŸã®ã§ã€ãã“ã‹ã‚‰ãƒ‡ãƒ¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚‹ãƒ˜ãƒƒãƒ€ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚å¸¸ã«ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå°‘ãªã„ãŸã‚ã€ç‹ã„è¡¨ç¤ºã‚¨ãƒªã‚¢ã§ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…780pxã§è¡¨ç¤º å®Ÿè£… å®Ÿè£…ã¯ãƒ‡ãƒ¢ã‚’å¿…è¦æœ€å°é™ã«ã—ãŸã‚‚ã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ HTML ä¸Šã‹ã‚‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ã‚‹ãƒ˜ãƒƒãƒ€ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ•ãƒƒã‚¿ã®é †ã§ã€ãƒ˜ãƒƒãƒ€ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯divã§å†…åŒ…ã—ã€çµ‚ã‚ã‚Šã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå°‘ãªã„æ™‚ç”¨ã«pushã®divã‚’é…ç½®ã—ã¾ã™ã€‚ <body> <div
roogh5eeSha6 2020/04/29
Bootstrap

CSS

ãƒ•ãƒƒã‚¿ãƒ¼

å›ºå®š

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
JSã§ãƒšãƒ¼ã‚¸ã®æœ€ä¸Šéƒ¨ãƒ»æœ€ä¸‹éƒ¨ã«ç§»å‹•ã™ã‚‹ | æ¥½ã—ã„ã ã‘ã§ååˆ†ã§ã™
roogh5eeSha6 2020/04/29
Javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

æœ€ä¸Šéƒ¨
ãƒªãƒ³ã‚¯
overflow:hiddenãªã©ã§ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢ãŒå‡ºæ¥ãªã„æ™‚ã®å¯¾å‡¦æ³• | ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ï¼šã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å‚™å¿˜éŒ²ãƒ–ãƒã‚°
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é–‹ã„ãŸã¨ãã®å‹•ä½œã®æŒ‡å®šã¯ã€ æ§˜ã€…ã‚ã‚Šã¾ã™ã€‚ æ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¤ãƒ³ã™ã‚‹ã‚‚ã®ã‚„ã€ä¸Šã‹ã‚‰ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã§é™ã‚Šã¦ãã‚‹ã‚‚ã®ãªã©ãŒã‚ã‚Šã¾ã™ãŒã€ ä»Šå›žã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒç”»é¢å…¨ä½“ã«è¡¨ç¤ºã•ã‚Œã¦ã€ãã®é–“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ã§ããªã„ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ãã®éš›ã€bodyã«å¯¾ã—ã¦ã®Overflow:hiddenã‚’æŒ‡å®šã™ã‚Œã°ã€pcã‚„androidç«¯æœ«ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç¦æ¢ã¯ã§ãã¾ã™ãŒã€ iosã«å¯¾ã—ã¦ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶å´ã®passive ã¨ã„ã†ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§è¨å®šã•ã‚Œã¦ãŠã‚Šã€ ã“ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒtrueã§ã‚ã‚‹ã¨ã€preventDefault(); ãŒå«ã¾ã‚Œã¦ã„ãªã„ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’è¨±å¯ã—ã¦ã—ã¾ã†ãŸã‚ã€ Over flowãŒåŠ¹ãã¾ã›ã‚“ã€‚ å¯¾å‡¦æ³•ã¯ â– css html, body{ overflow: hidden; } â– js document.addEventListe
roogh5eeSha6 2020/02/09
iOS

CSS

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Vue.jsã§windowã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã§ã®å‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ | ã‚ªã‚¦ãƒ³ãƒ‰ãƒ¡ãƒ‡ã‚£ã‚¢ | å¤§é˜ªå¸‚å¤©çŽ‹å¯ºåŒºãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œï½œåˆåŒä¼šç¤¾ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ—ãƒ©ã‚¤-DesignSupply.LLC-
roogh5eeSha6 2020/01/27
Javascript

vue.js

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
JavaScriptã§ãƒšãƒ¼ã‚¸æœ€ä¸‹éƒ¨ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³•ã‚’ç¾å½¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒè§£èª¬ã€åˆå¿ƒè€…å‘ã‘ã€‘ | TechAcademyãƒžã‚¬ã‚¸ãƒ³
ãƒšãƒ¼ã‚¸ã®æœ€ä¸‹éƒ¨ã¸ç§»å‹•ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã€scrollHeightï¼ˆãƒšãƒ¼ã‚¸ã®é«˜ã•ï¼‰ã¨clientHeightï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã®é«˜ã•ï¼‰ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ <html lang="ja"> <head> <meta charset=â€utf-8â€³> <title>ãƒšãƒ¼ã‚¸æœ€ä¸‹éƒ¨ã¸ç§»å‹•ã™ã‚‹</title> <script> function test(){ var elementHtml = document.documentElement; var bottom = elementHtml.scrollHeight - elementHtml.clientHeight; window.scroll(0, bottom); } </script> </head> <body> <input type="button" onclick="test();" value="æœ€ä¸‹éƒ¨ã¸ç§»å‹•ã™ã‚‹ãƒœã‚¿ãƒ³"> <div styl
roogh5eeSha6 2020/01/27
Javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
1