如何判斷滾動條到達最低端
本章節介紹一下如何判斷滾動是否拖動了最低端。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> * { margin: 0px; padding: 0px; } div { width:17px; height:1500px; margin:0px auto; background:green; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { var len = $(document).height()-$(window).height(); $(window).scroll(function () { if ($(window).scrollTop() == len) { alert("螞蟻部落歡迎您"); } }) }) </script> </head> <body> <div>螞蟻部落歡迎您</div> </body> </html>
上面的程式碼實現了我們的要求,當滾動條到達底部時候會彈出一個提示框。
原理非常的簡單,當頁面向上滾動的尺寸達到文件的高度和視窗高度之差的時候,就說明已經到達底部。
相關閱讀:
(1).scroll事件可以參閱jQuery scroll事件一章節。
(2).scrollTop()可以參閱jQuery scrollTop()一章節。
相關文章
- jQuery如何判斷滾動條到達最頂端jQuery
- 判斷滾動條是否到底部
- jquery判斷滾動是否到達底部程式碼例項jQuery
- 判斷滾動條是否滑動到底部
- JavaScript判斷元素底部到達瀏覽器客戶區的低端JavaScript瀏覽器
- ListView自動滾到最後一條View
- 如何判斷滾動是否滾動到了網頁底部或者頂部網頁
- GC roots如何判斷物件不可達GC物件
- 在擁有捲軸元素內滾動時,判斷其子元素是否出現(達到可視區域)公式公式
- 六、Vue條件判斷Vue
- Grovvy-條件判斷
- 頁面沒有出現滾動條時底部懸浮顯示到最底部
- 最簡潔的python條件判斷語句寫法Python
- python最簡潔的條件判斷語句寫法Python
- 資料庫啟動時的判斷條件資料庫
- thinkphp-條件判斷-範圍判斷-range標籤PHP
- div滾動條樣式,水平滾動
- 隱藏滾動條保留滾動效果
- vue監聽頁面中的某個div的滾動事件,並判斷滾動的位置Vue事件
- lisp 裡的條件判斷Lisp
- Shell 條件判斷總結
- 最安全的型別判斷型別
- css隱藏滾動條並可以滾動CSS
- scrollable滾動條向下滾動至底部
- CSS滾動條美化CSS
- 自定義滾動條
- list滾動條向下
- selenium中JS如何處理滾動條JS
- javascript如何獲取滾動條的寬度JavaScript
- ext的window如何隱藏水平滾動條
- 如何讓VB6程式碼編輯器垂直滾動條隨滑鼠滾輪滾動
- Java中的條件判斷語句-動力節點Java
- 移動端div跟隨滾動條滾動(自制
- Laravel 5 判斷條件是否存在Laravel
- mysql 插入時帶判斷條件MySql
- python3.0 -條件判斷Python
- VC 中的 EditBox 自動滾動到最後一行
- css隱藏滾動條CSS