JavaScript ã§æœ€å¾Œã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‹ã‚’調ã¹ã‚‹åˆ©ç”¨è¦ç´„ãªã©æœ€å¾Œã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªã‘ã‚Œã°æ¬¡ã¸é€²ã‚ãªã„機能を実装ã™ã‚‹ã€‚ scrollTop, scrollHeight を使用ã—ã¦æ¤œå‡ºã§ãる。 scrollTop : スクãƒãƒ¼ãƒ«å¯èƒ½ãªé ˜åŸŸã®ä¸Šç«¯ã‹ã‚‰ç¾åœ¨è¡¨ç¤ºã—ã¦ã„ã‚‹é ˜åŸŸã®ä¸Šç«¯ã¾ã§ã®è·é›¢ scrollHeight : スクãƒãƒ¼ãƒ«å¯èƒ½ãªé ˜åŸŸå…¨ä½“ã®é«˜ã• ãれ㫠jQuery ãªã©ã§å–å¾—ã—ãŸè¡¨ç¤ºé ˜åŸŸã®é«˜ã• height を組ã¿åˆã‚ã›ã‚‹ã€‚ scrollTop ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã¨ã‚‚ã«å¢—åŠ ã™ã‚‹ã€‚ 一番下ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã‚‹ã¨ scrollTop 㨠height ã®åˆè¨ˆå€¤ãŒ scrollHeight ã«ä¸€è‡´ã™ã‚‹ã€‚ 計算ã¯è¦ç´ ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹é–“ã€ç™ºç”Ÿã—続ã‘ã‚‹ scroll イベントを使ã†ã€‚ $('element').on('scroll', function() { console.log('スクãƒãƒ¼ãƒ«ã•ã‚Œã¦ã„ã¾ã™'); }); 以下ãŒå‹•ä½œã™ã‚‹ã‚µãƒ³ãƒ—ル。
{{#tags}}- {{label}}
{{/tags}}