jQuery實現的設定滾動條的位置
在很多應用中都有對滾動條位置的設定,下面就介紹一下如何使用jQuery實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .container{ height:3000px; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $("html,body").animate({"scrollTop":"300px"},1000); }); </script> </head> <body> <div class="container"></div> </body> </html>
以上程式碼實現了我們的要求,可以以動畫方式設定滾動條的位置。
animate()函式可以參閱jQuery animate()一章節。
相關文章
- RecyclerView滾動位置,滾動速度設定View
- jQuery根據滾動條位置載入相應的內容jQuery
- 使用js控制滾動條的位置JS
- tbody 滾動條設定
- 設定div滾動條
- table設定滾動條
- 給table設定滾動條
- 設定DataGridView垂直滾動條View
- JavaScript 滾動條定位指定位置JavaScript
- js實現的模擬滾動條效果JS
- css實現修改預設滾動條樣式CSS
- css滾動條設定(選擇器)CSS
- table上下對齊滾動條設定
- js實現重新整理頁面依然能夠使滾動條滾定在原來位置JS
- 使用jQuery實現的平滑滾動輪播圖jQuery
- react記錄頁面的滾動條位置React
- css實現隱藏滾動條CSS
- 實現隨著滾動條滾動,導航會自動切換的效果
- Vue 返回記住滾動條位置詳解Vue
- css實現隱藏滾動條並可以滾動內容CSS
- 有意思的滾動條顏色配置和cur設定
- Delphi中TFlowPanel實現滾動條效果
- Jquery外掛Nicescroll 製作漂亮的滾動條jQuery
- jquery在瀏覽器滾動條上的應用jQuery瀏覽器
- jquery 實現滑動條的簡單驗證jQuery
- jquery實現的垂直或者水平無縫滾動外掛jQuery
- 11 個最佳 jQuery 滾動條外掛jQuery
- Android 設定TextView滑動滾動條和滑動效果AndroidTextView
- 用css實現thead隨著滑動條滾動的tableCSS
- 兩種方式實現橫向滾動條
- jQuery實現動態設定按鈕是否可用jQuery
- jquery實現的豎向動態柱狀條效果jQuery
- Ext實現滾動條一直處於底部的方法
- 設定谷歌瀏覽器視窗右側滾動條的樣式谷歌瀏覽器
- JQuery實現圖片輪播無縫滾動jQuery
- 3種方法實現CSS隱藏滾動條並可以滾動內容CSS
- 拖動滾動條實現側欄導航定位效果
- 如何實現頁面重新整理後不定位到之前的滾動位置?