码迷,mamicode.com
首页 >  
搜索关键字:scrolltop    ( 898个结果
document.documentElement.scrollTop(获取滚动条位置)
要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement 对应的是 html 标签,而 body 对应的是 body 标签。在标准w3c下,document.bo ...
分类:其他好文   时间:2017-10-23 18:17:04    阅读次数:107
自定义滚动条
项目地址:https://pan.baidu.com/s/1c2LEXlm 业余时间写了一个自定义滚动条 主要是利用scrollTop和scrollLeft这两个属性来控制内部元素的位置,通过offsetTop和offsetLeft可以判断滚动容器是否在顶部,如果不在,则距离顶部有多少px的距离,然 ...
分类:其他好文   时间:2017-10-19 17:39:55    阅读次数:164
页面触底自动加载数据
首先理解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。 clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。 offsetHei ...
分类:其他好文   时间:2017-10-18 12:35:10    阅读次数:161
执行JS
JS执行切换frame框架后点击 Window.frame['frame路径'].frame['下级frame路径'].document.getElementById("id").click() 隐藏元素 document.getElementById("id1").style.visibility ...
分类:Web程序   时间:2017-10-18 01:47:41    阅读次数:212
滚动到页面底部触发分页事件
$(window).scroll(function () { var scrollTop = $(this).scrollTop(); // 页面卷上去的高度 var windowHeight = document.body.clientHeight; // 当前屏幕上页面的高度 var docHe ...
分类:其他好文   时间:2017-10-14 17:09:53    阅读次数:171
JQuery操作元素的属性与样式及位置
这些文字显示在内层元素中。 ...
分类:Web程序   时间:2017-10-13 19:08:17    阅读次数:150
jquery获取、改变元素属性值
1 2 //返回元素指定属性值 3 var txt1_val=$("#txt1").attr("value"); 4 //通过元素的DOM属性名更改DOM属性值 5 $("#txt1").attr({value : "txt1_value" , className : "txt1_class" })... ...
分类:Web程序   时间:2017-10-12 16:16:02    阅读次数:228
第49天:封装自己的scrollTop
一、scroll家族 offset 自己的偏移scroll滚动的 scrollTop和scrollLeftscrollTop 被卷去的头部当滑动滚轮浏览网页的时候,网页隐藏在屏幕上方的距离二、页面滚动效果事件window.onscroll=function(){页面滚动语句}三、获取scrollTo ...
分类:其他好文   时间:2017-10-11 01:01:05    阅读次数:237
滚轮事件来写懒加载
scroll(e){ var table=document.querySelector('.el-table__body-wrapper'); var a=table.clientHeight;//可视高度 var b=table.scrollHeight;//滚动条长度 ... ...
分类:其他好文   时间:2017-10-10 16:47:29    阅读次数:166
图解clientWidth,offsetWidth,scrollWidth,scrollTop
新手看到这几个属性,很头疼,参考了网上一些文章,加上自己实践,给出对这几个属性的解释 我把代码贴上来,方便大家验证 在chrome浏览器中,不知为什么图片容器高度比图片高度多了4px,把图片设置为block或者是容器的fontSize设置为0可解决这个问题。 图片是这个 页面效果,我放了两张图片,下 ...
分类:其他好文   时间:2017-10-08 16:12:07    阅读次数:182
898条   上一页 1 ... 32 33 34 35 36 ... 90 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!