首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js获取浏览器滚动条距离上端的距离

2013-03-17 
js获取浏览器滚动条距离顶端的距离//回到页面顶部$(#goTotop).click(function(){$(body,html).animate

js获取浏览器滚动条距离顶端的距离
//回到页面顶部$("#goTotop").click(function(){$('body,html').animate({scrollTop:0},1500); //点击按钮让其回到页面顶部});$(window).scroll(function() {var yheight1=window.pageYOffset; //滚动条距顶端的距离var yheight=getScrollTop(); //滚动条距顶端的距离var height =document.documentElement.clientHeight//浏览器可视化窗口的大小var top=parseInt(yheight)+parseInt(height)-217;var divobj=$(".kf");divobj.attr('style','top:'+top+'px;');})/** * 获取滚动条距离顶端的距离 * @return {}支持IE6 */function getScrollTop() {var scrollPos;if (window.pageYOffset) {scrollPos = window.pageYOffset; }else if (document.compatMode && document.compatMode != 'BackCompat'){ scrollPos = document.documentElement.scrollTop; }else if (document.body) { scrollPos = document.body.scrollTop; } return scrollPos; }

?getScrollTop()使用这个方法在IE、谷歌和火狐上都能获取,当然这不是我原创的,也是有哥们贴网上的,我只是在此收藏整理一下。

?

热点排行