js滚动条

/*滚动条在Y轴上的滚动距离*/
function ScrollTop()
{
var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;
if (document.body)
{
bodyScrollTop = document.body.scrollTop;
}
if (document.documentElement)
{
documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
return scrollTop;
}
/*文档的总高度*/
function ScrollHeight()
{
var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
if (document.body)
{
bodyScrollHeight = document.body.scrollHeight;
}
if (document.documentElement)
{
documentScrollHeight = document.documentElement.scrollHeight;
}
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
return scrollHeight;
}
/*浏览器视口的高度*/
function WindowHeight()
{
var windowHeight = 0;
if (document.compatMode == "CSS1Compat")
{
windowHeight = document.documentElement.clientHeight;
} else
{
windowHeight = document.body.clientHeight;
}
return windowHeight;
}
window.onscroll = function()
{
if (ScrollTop() + WindowHeight() + 5 >= ScrollHeight())
{
More();
}
};

时间： 2024-10-17 08:51:33

js滚动条的相关文章

jquery.nicescroll.min.js滚动条插件的用法

1.jquery.nicescroll.min.js源码 /* jquery.nicescroll 3.6.8 InuYaksa*2015 MIT http://nicescroll.areaaperta.com */(function(f){"function"===typeof define&&define.amd?define(["jquery"],f):"object"===typeof exports?module.ex

javascript -- (js滚动条实现)

<style> * { margin : 0; padding : 0; } </style> <script type = "text/javascript" > var body = document.getElementsByTagName('body')[0]; var wrap = document.createElement('div');   //创建最外层边框 var p = document.createElement('p');

js实例--js滚动条缓慢滚动到顶部

收集篇(已测)-- <html><head> <script type="text/javascript"> var currentPosition,timer; var speed=10; function GoTop(){ timer=setInterval("runToTop()",1); } function runToTop(){ currentPosition=document.documentElement.scro

js 滚动条滑动

toTop() { let top = document.documentElement.scrollTop || document.body.scrollTop; // 实现滚动效果 const timeTop = setInterval(() => { document.body.scrollTop = document.documentElement.scrollTop = top -= 50; if (top <= 0) { clearInterval(timeTop); } cons

js的处理滚动条

按照悠悠书上的去处理.发现我的版本反而行不通. 就行着悠悠的路.反过来走.反而通了.不知道为毛.能通就行了 版本:chrome62,selenium 3.8.0 语言:python 2.7.6 js滚动条处理: 学习网上各个的方式 js = "var q=document.body.scrollTop=100000" 滚动到最底部 js1 ="var q=document.body.scrollTop=0" 滚动至顶部 from selenium import we

js兼容性大全

js有个第二定律好的属性/选择器一定不兼容/* 获取类名通用代码*/function getClassName(){ if(document.getElementsByClassName){ dosoming....... }else{ getClassName(className); } function getClassName(className){ var aTag = []; var allTag = document.getElementById(id).getElementsByT

python处理滚动条

第一种方式:键盘操作:通过定位(用xpath)页面最底部元素,运用键盘的down键移到底部 dr.find_element_by_xpath().send_keys(keys.DOWN)dr.find_element_by_xpath().send_keys(keys.UP) 第二种:通过js(通用脚本) driver.excute_script("window.scrollBy(0,300)",‘’)#300是移动长度driver.excute_script("window

如何挑选适合的前端框架

来源于:https://github.com/RubyLouvre/agate/issues/8 最近几年,前端技术迅猛发展,差不多每年都会冒出一款主流的框架. 每次新开业务线或启动新项目时,是第一件事就是纠结:使用什么框架,重造什么轮子?我很高兴应CSDN的邀请谈我的看法. 在五六年,移动端还没有兴起,我们没有什么选择,就是jQuery.有人会说,jQuery只是类库,不是框架;但那时前端业务还没有像今天这么繁重,原本是后端干的事,全部挪到前端来,因为光是jQuery就可以包打天下.jQuer

selenlum笔记，（定位方式，搜索，cookie）

driver.get_cookies() 获得cookie信息add_cookie(cookie_dict)  向cookie添加会话信息delete_cookie(name)   删除特定(部分)的cookiedelete_all_cookies()    删除所有cookie driver.quit()退出关闭所有程序及窗口driver.close()关闭当前窗口 driver.get(url)print(driver.title)打印页面title driver.maximize_wind