jQuery操作滾動條

2022-09-15 03:18:14 字數 918 閱讀 9312

一、窗體滾動條

1、獲取窗體滾動條當前縱向和橫向位置

var currenty=$(document.body).scrolltop();//窗體滾動條縱向位置

var currentx=$(document.body).scrollleft();//窗體滾動條橫向位置

2、設定窗體滾動條到指定位置

var y=想滾動到的垂直位置;

var x=想滾動到的水平位置;

$(window).scrolltop(y);

$(window).scrollleft(x);

二、元素內滾動條;比如操作頁面內一id為datadiv的div標籤

1、獲取div元素內滾動條位置

var currenty=$('#datadiv').scrolltop();//div內滾動條縱向位置

var currentx=$('#datadiv').scrollleft();//div內滾動條橫向位置

2、設定div內滾動條到指定位置  

var y=想滾動到的垂直位置;

var x=想滾動到的水平位置;

$('#datadiv').scrolltop(y);

$('#datadiv').scrollleft(x);

三、其他位置值

1、當前window可視內容區域高寬

window.innerheight;//高

window.innerwidth;//寬

2、元素高寬以及相對於文件偏移量

$('#datadiv').height();//元素高

$('#datadiv').width();//元素寬

$('#datadiv').offset().top;//元素相對文件頂部偏移量

$('#datadiv').offset().left;//元素相對文件左邊偏移量

jquery滾動條操作

在開發專案時,常常需要展示大量資料。如果全部顯示出來,資料相對少時,看不出來什麼不同,如果資料很多時,一次請求全部顯示,這就相當可怕了。面對這種問題,pc裡使用了分頁效果,將資料分成一頁頁,換頁時請求當前頁資料,而螢幕較小的移動端,分頁就不怎麼好看了,常用的方法是滾動到底部時繼續載入資料 滾動載入其...

jquery 禁用 啟用滾動條

doctype html en btn div button value 禁用滾動條 onclick unscroll button value 啟用滾動條 onclick removeunscroll text div 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本 文本...

jquery 禁用 啟用滾動條

doctype html html lang en head meta charset utf 8 meta name generator content editplus meta name author content meta name keywords content meta name d...