导航:首页 > 编程语言 > 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获取滚动条相关的资料

热点内容
看车在哪个网站 浏览:820
pptv网络电视330 浏览:627
word的读音 浏览:713
几大数据库 浏览:859
mac如何完全退出程序 浏览:111
打地鼠游戏编程如何加背景音乐 浏览:882
广州白云区PLc编程师哪里有 浏览:216
招行app定期如何自动续期 浏览:748
access数据库的类型什么 浏览:828
查看file文件有多少行 浏览:468
如何添加电脑文件后缀 浏览:790
bin文件转化 浏览:452
vivo的通话记录在哪个文件夹 浏览:143
苹果手机的视频文件如何传输到电脑 浏览:165
哪里可以下载银湖网app 浏览:990
excel打开文件后弹出空白窗 浏览:539
javascript图片传送带 浏览:533
ps怎么把工程文件发给别人 浏览:237
宝贝描述模板制作教程 浏览:974
win10桌面文件被隐藏 浏览:946

友情链接