怎样计算滚动条距离底部的距离移动的距离

来源：蜘蛛抓取(WebSpider) 时间：2018-04-11 23:05 标签： js计算滚动条距离底部
利用动态获取滚动条位置、距离页面顶部距离scrollTop，两种方法进行封装 - html/css语言栏目：html.css
作者：用户
利用动态获取滚动条位置、距离页面顶部距离scrollTop，两种方法进行封装html&&html lang=&en&&&head&
&meta charset=&UTF-8&&
利用动态获取滚动条位置、距离页面顶部距离scrollTop，两种方法进行封装
&html lang=&en&&
&meta charset=&UTF-8&&
padding: 0
height: 2000
background-color: #F2AD0A;
background-color:
border: solid 1
border-radius: 100
background-color:
border: solid 1
border-radius: 100
&title&Titletitle&
&p&&button id=&but1&&显示滚动条距离页面顶部距离scrollTopbutton&
&button id=&but2&&显示滚动条Y轴移动距离scrollTopbutton&
var but = document.getElementsByTagName(&button&)[0];
but.onclick = function () {
alert(scrollTop());
function scrollTop() {
var scrollTop = 0;
if (/*document.documentElement&&*/document.documentElement.scrollTop){
scrollTop =document.documentElement.scrollT
}else if (document.body){
scrollTop = document.body.scrollT
return scrollT
/*方法2不适用于IE*/
var but2 = document.getElementsByTagName(&button&)[1];
but2.onclick = function () {
console.log(&窗口发生滚动&);
alert(scrollY1());
function scrollY1() {
var scrollY = window.scrollY;
return scrollY;
以上是互联网用户为您的的内容，在阿里云内部有更多的关于利用动态获取滚动条位置、距离页面顶部距离scrollTop，两种方法进行封装 - html/css语言栏目：html.css的内容，欢迎继续使用右上角搜索按钮进行搜索封装、scrollTop、动态获取滚动条、页面顶部距离、以便于您获取更多的相关信息。
本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：zixun-group@service.aliyun.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
若您要投稿，删除文章请联系邮箱：zixun-group@service.aliyun.com
工作人员会在5个工作日内回复
CSS教程栏目为您免费提供
相关信息，包括
的信息 ，所有
相关内容均不代表阿里云的意见！投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员5个工作日内回复。JS判断滚动条距离顶部高度，改变Div的Css属性
[问题点数：20分，结帖人u]
JS判断滚动条距离顶部高度，改变Div的Css属性
[问题点数：20分，结帖人u]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2016年1月 Java大版内专家分月排行榜第二2015年12月 Java大版内专家分月排行榜第二2015年8月 Java大版内专家分月排行榜第二2015年3月 Java大版内专家分月排行榜第二2015年1月 Java大版内专家分月排行榜第二2014年12月 Java大版内专家分月排行榜第二2014年11月 Java大版内专家分月排行榜第二2014年6月 Java大版内专家分月排行榜第二2014年4月 Java大版内专家分月排行榜第二2014年1月 Java大版内专家分月排行榜第二2013年11月 Java大版内专家分月排行榜第二
2015年9月 Java大版内专家分月排行榜第三2015年6月 Java大版内专家分月排行榜第三2015年5月 Java大版内专家分月排行榜第三2015年2月 Java大版内专家分月排行榜第三2014年3月 Java大版内专家分月排行榜第三2013年12月 Java大版内专家分月排行榜第三
匿名用户不能发表回复！|如何实时获取滚动条的高度_百度知道
如何实时获取滚动条的高度
我有更好的答案
Creative')
//当滚动条高度为0时removeActive(';.Creative'获取滚动条初始高度的值 ：0console，获取滚动条初始高度var distance = $(document); &#47.log(distance).scrollTop();)
/&#47$(document).scroll(function(){
///打印滚动条不同高度的位置的值if(distance == 0) {
//页面加载时;移除某某css} else {shakeActive(&#39
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。在js中怎么设置滚动条滚动的距离_百度知道
在js中怎么设置滚动条滚动的距离
我有更好的答案
jQuery获取的相关方法jquery&获取滚动条高度获取浏览器显示区域的高度&：&$(window).height();&获取浏览器显示区域的宽度&：$(window).width();&获取页面的文档高度&：$(document).height();&获取页面的文档宽度&：$(document).width();获取滚动条到顶部的垂直高度&：$(document).scrollTop();&获取滚动条到左边的垂直宽度&：$(document).scrollLeft();计算元素位置和偏移量：$(id).offset();offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含&top和left两个属性。offset(options,&results)options.relativeTo　　指定相对计算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。options.scroll　　是否把滚动条计算在内，默认TRUEoptions.padding　　是否把padding计算在内，默认falseoptions.margin　　是否把margin计算在内，默认trueoptions.border　　是否把边框计算在内，默认true使用js获取的相关方法//回到页面顶部 $(&#goTotop&).click(function(){
$('body,html').animate({scrollTop:0},1500);&//点击按钮让其回到页面顶部 });
$(window).scroll(function()&{
var&yheight1=window.pageYO&//滚动条距顶端的距离
var&yheight=getScrollTop();&//滚动条距顶端的距离
var&height&=document.documentElement.clientHeight//浏览器可视化窗口的大小
var&top=parseInt(yheight)+parseInt(height)-217;
var&divobj=$(&.kf&);
divobj.attr('style','top:'+top+''); }) /**&*&获取滚动条距离顶端的距离&*&@return&{}支持IE6&*/function&getScrollTop()&{
var&scrollP
if&(window.pageYOffset)&{
scrollPos&=&window.pageYO&}
else&if&(document.compatMode&&&&document.compatMode&!=&'BackCompat')
{&scrollPos&=&document.documentElement.scrollT&}
else&if&(document.body)&{&scrollPos&=&document.body.scrollT&}&
return&scrollP&}
IT行业金牌讲师
function(){
var top = $(this).scrollTop(); /&#47.pageYOffset，可以这样写，可以这样写（摘自网上的）：&#47.bind(&scroll&;
if (window.pageYOffset) {
scrollPos = window如果使用jquery的话：$(window);BackCompat')
{ scrollPos = document.documentElement.scrollT }
else if (document.body) { scrollPos = 当前窗口的滚动距离
});如果使用原生js.compatMode && document.compatMode != ' }
else if (**
* 获取滚动条距离顶端的距离
* @return {}支持IE6
function getScrollTop() {
var scrollPos
本回答被提问者和网友采纳
为您推荐：
其他类似问题
滚动条的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 js计算滚动条距离底部 的文章

 

随机推荐