導航:首頁 > 編程語言 > javascript獲取滾動條

javascript獲取滾動條

發布時間:2023-06-08 19:27:35

A. 怎麼用javaScript獲取當前網頁滾動條的坐標呢

js">//滾動條位置
functionGetPageScroll()
{
varx,y;if(window.pageYOffset)
{//allexceptIE
y=window.pageYOffset;
x=window.pageXOffset;
}elseif(document.documentElement&&document.documentElement.scrollTop)
{//IE6Strict
y=document.documentElement.scrollTop;
x=document.documentElement.scrollLeft;
}elseif(document.body){//allotherIE
y=document.body.scrollTop;
x=document.body.scrollLeft;
}
return{X:x,Y:y};
}

B. js如何獲取滾動條的高度

給你貼兩復個JS函數,專門用來獲取制網頁滾動高度和滾動寬度的://獲取網頁縱向滾動高度function
getScrollTop(){
var
D
=
document;
return
Math.max(D.body.scrollTop,
D.documentElement.scrollTop)}//獲取網頁橫向滾動寬度function
getScrollLeft(){
var
D
=
document;
return
Math.max(D.body.scrollLeft,
D.documentElement.scrollLeft)}應該可以解決你的問題。
查看原帖>>

C. 怎樣用原生js獲取滾動條滾動的距離

使用js獲取的相關方法

//回到頁面頂部
$("#goTotop").click(function(){
$('body,html').animate({scrollTop:0},1500);//點擊按鈕讓其回到頁面頂部
});

$(window).scroll(function(){
varyheight1=window.pageYOffset;//滾動條距頂端的距離
varyheight=getScrollTop();//滾動條距頂端的距離
varheight=document.documentElement.clientHeight//瀏覽器可視化窗口的大小
vartop=parseInt(yheight)+parseInt(height)-217;
vardivobj=$(".kf");
divobj.attr('style','top:'+top+'px;');
})

/**
*獲取滾動條距離頂端的距離
*@return{}支持IE6
*/
functiongetScrollTop(){
varscrollPos;
if(window.pageYOffset){
scrollPos=window.pageYOffset;}
elseif(document.compatMode&&document.compatMode!='BackCompat')
{scrollPos=document.documentElement.scrollTop;}
elseif(document.body){scrollPos=document.body.scrollTop;}
returnscrollPos;
}

D. js 獲取滾動條位置

獲取滾動條位置:

document.body.scrollTop (滾動條離頁面最上方的版距離權)

document.body.scrollLeft (滾動條離頁面最左方的距離)

document.documentElement.scrollTop (滾動條離頁面最上方的距離)

document.documentElement.scrollLeft (滾動條離頁面最左方的距離)

E. js獲取滾動條距離瀏覽器頂部高度高度,改變導航css

if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTop=document.documentElement.scrollTop;
}
elseif(document.body)
{
scrollTop=document.body.scrollTop;
}
if(scrollTop>50)
{
document.getElementById('obj').style.opacity='0';
}

F. jquery 如何獲取滾動條的寬度

獲取瀏覽器顯示區域的高度 :
$(window).height();

獲取瀏覽器顯示區域的寬度專 :屬
$(window).width();

獲取頁面的文檔高度 :
$(document).height();

獲取頁面的文檔寬度 :
$(document).width();

獲取滾動條到頂部的垂直高度 :
$(document).scrollTop();

獲取滾動條到左邊的垂直寬度 :
$(document).scrollLeft();

計算元素位置和偏移量:
$(id).offset();

G. 求javascript獲取iframe滾動條位置

frames["framename"].document.documentElement.scrollTop:垂直方向
frames["framename"].document.documentElement.scrollLeft:水平方向

閱讀全文

與javascript獲取滾動條相關的資料

熱點內容
查看file文件有多少行 瀏覽:468
如何添加電腦文件後綴 瀏覽:790
bin文件轉化 瀏覽:452
vivo的通話記錄在哪個文件夾 瀏覽:143
蘋果手機的視頻文件如何傳輸到電腦 瀏覽:165
哪裡可以下載銀湖網app 瀏覽:990
excel打開文件後彈出空白窗 瀏覽:539
javascript圖片傳送帶 瀏覽:533
ps怎麼把工程文件發給別人 瀏覽:237
寶貝描述模板製作教程 瀏覽:974
win10桌面文件被隱藏 瀏覽:946
nodejshttp20 瀏覽:461
如何卸載三菱plc編程 瀏覽:79
win10的文件歷史功能 瀏覽:266
gsd文件用什麼軟體編寫 瀏覽:337
dnf聖杯葯劑代碼 瀏覽:243
word文本框位置排版多個 瀏覽:996
建築行業什麼網站好 瀏覽:345
win10更新後e盤文件丟失 瀏覽:398
比武招親手游版本下載 瀏覽:27

友情鏈接