導航:首頁 > 編程語言 > 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獲取滾動條相關的資料

熱點內容
dede工具 瀏覽:507
5g網盟app怎麼下載 瀏覽:486
微信備份老是連接中斷 瀏覽:886
出台多少份文件 瀏覽:380
鞋子怎麼搭配衣服的app 瀏覽:755
文件名使用的通配符的符號是什麼 瀏覽:916
lol分卷文件損壞怎麼辦 瀏覽:276
6分管車螺紋怎麼編程 瀏覽:732
海口農商銀行信用卡app是什麼 瀏覽:770
win10任務欄文件夾我的電腦 瀏覽:14
安卓nba2k18 瀏覽:776
文件夾密碼怎麼修改密碼 瀏覽:271
蘋果數據中心用什麼伺服器 瀏覽:769
省內圓通快遞寄文件夾需要多少錢 瀏覽:740
iphone程序加密 瀏覽:884
win10文件夾調整文件行高 瀏覽:681
創意手繪教程 瀏覽:754
微信刪除帳號信息 瀏覽:596
mysql操作類文件 瀏覽:649
繞過xp密碼 瀏覽:158

友情鏈接