一、clientX和clientY 事件发生时,鼠标距离浏览器的可视区域的X、Y轴的位置,不包含滚动条的区域的部分。就算是页面进行了滚动,鼠标的坐标值还是参考可视区域的。 二、offsetLeft和offsetTop 事件源元素相对于父节点的偏移的像素值。 三、offsetWidth和offsetH ...
分类:
其他好文 时间:
2018-10-29 15:59:58
阅读次数:
162
1.锚点方式: 2.scrollTop:scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时,scrollTop的值为0,如果元素被垂直滚动了,scrollTop的值大于0,且表示元素上方不可见内容的像素宽度 由于scrollTop是可写的,可以利用scrollTop来实现回到顶部的 ...
分类:
其他好文 时间:
2018-10-23 21:13:21
阅读次数:
194
一、scrollTop/Left的兼容 二、getElementsByClassName兼容(IE9以下) 三、获取class属性值的兼容 四、获取非行内样式 五、获取事件对象的兼容 六、获取鼠标按键编码值的兼容 七、获取键盘按键编码值的兼容 八、阻止事件冒泡的兼容 九、阻止超链接的默认行为 十、添 ...
分类:
Web程序 时间:
2018-10-22 10:23:46
阅读次数:
267
在chrome浏览器下页面加载: var top = $("body").scrollTop() ; console.log(top) // 事件监听无效 var top = $("html").scrollTop(); console.log(top) // 事件监听无效 var top = $( ...
分类:
其他好文 时间:
2018-10-20 12:14:29
阅读次数:
117
IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ; Safari: safari ...
分类:
其他好文 时间:
2018-10-20 00:14:01
阅读次数:
134
$(window).scroll(function() { var s =$(window).scrollTop(); console.log(s); var h = document.documentElement.scrollHeight || document.body.scrollHeigh ...
分类:
其他好文 时间:
2018-10-19 02:04:25
阅读次数:
110
eg:一般情况下,网站上的导航条会吸顶或者不做处理的,在处理吸顶情况:指示器的颜色会有不同的需求,在默认进入页面首页时,导航条的指示器颜色时黑色(看公司需求确定),鼠标在悬停到某一个产品会展示下方信息,一般的写法用对应的hover事件处理时没有问题的。在需要吸顶后在改变鼠标悬停的效果并且当前的指示器 ...
分类:
Web程序 时间:
2018-10-16 01:39:27
阅读次数:
258
1.当滚动到底部(稍停几秒),再上拉的时候,整个网页就会上滑,松手后阻尼回弹。 2.当滚动到顶部(稍微停几秒),再下拉时,整个网页就下滑,松手后阻尼回弹。 3.上在顶部或底部上下滑动时,整个页面会上下滑动。松手后立即滑动中间区域,也是上下滑动(停留秒后再滑,则正常滑动中间区域) 问题1,2其实是一个 ...
分类:
移动开发 时间:
2018-10-14 20:46:38
阅读次数:
221
scrollTop是指某个可滚动区块向下滚动的距离,offsetTop则是元素的上边框与父元素的上边框的绝对距离。 1.offsetTop : 当前对象到其上级层顶部的距离. 不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft : 当前对象到其上级层左边 ...
分类:
编程语言 时间:
2018-10-08 19:30:06
阅读次数:
198
这一节要有js基础。做web端的UI自动化必须要有html,css,javascript前端基础。 滚动条控制: 1 移动垂直滚动条 document.documentElement.scrollTop 2 移动垂直滚动条 document.documentElement.scrollLeft 3 ...
分类:
Web程序 时间:
2018-10-04 09:48:22
阅读次数:
208