效果图: 原链接:http://www.jb51.net/article/74683.htm 附加知识: 对象的几个的属性:innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见 ...
分类:
其他好文 时间:
2018-03-05 18:13:49
阅读次数:
278
1.一直跟着鼠标移动的div:原理是div的left和top值有oEvent.clientX+scrollLeft鼠标指针向对于浏览器页面(或客户区)的水平坐标+元素中滚动条的水平偏移 2.一串跟随鼠标移动的div们:用循环使多个div运动 3.鼠标移入移出实现图片的颜色淡入淡出 ...
分类:
移动开发 时间:
2018-03-02 18:36:59
阅读次数:
231
知识点 1. 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) document.documentElement.scrollTop和document.documentElement.scrollLeft 2. 网页工作区域的高度和宽度 document.documentEleme ...
分类:
其他好文 时间:
2018-01-18 17:18:04
阅读次数:
114
//获取鼠标位置 function getMousePos(event) { var e = event || window.event; var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; v... ...
分类:
其他好文 时间:
2017-12-07 19:08:08
阅读次数:
125
要求 1.横向滚动时,音符轴不动,图形和时间轴滚动 2.纵向滚动时,时间轴不动,图形和音符轴滚动 思路 1.时间轴放上面,溢出隐藏 2.滚动控制,横向滚动时,获取滚动的宽度scrollLeft(),然后赋值给时间轴的margin-left ...
分类:
其他好文 时间:
2017-11-03 12:58:54
阅读次数:
96
获取当前页面滚动条纵坐标的位置:document.body.scrollTop与document.documentElement.scrollTop 获取当前页面滚动条横坐标的位置:document.body.scrollLeft与document.documentElement.scrollLef ...
分类:
Web程序 时间:
2017-10-27 19:07:51
阅读次数:
169
效果如下: 思路: 在表格外面套一个相对定位标签, 在该标签内再复制两个绝对定位的表格,一个作为固定头部,一个作为固定左边栏, 再在该标签内添加一个放在左上角的标签,宽高与第一个td相同 当表格滚动的时候固定头部和左边栏的表格也跟着同步滚动(通过获取和设置scrollLeft和scrollTop) ...
分类:
其他好文 时间:
2017-10-24 19:28:24
阅读次数:
261
项目地址:https://pan.baidu.com/s/1c2LEXlm 业余时间写了一个自定义滚动条 主要是利用scrollTop和scrollLeft这两个属性来控制内部元素的位置,通过offsetTop和offsetLeft可以判断滚动容器是否在顶部,如果不在,则距离顶部有多少px的距离,然 ...
分类:
其他好文 时间:
2017-10-19 17:39:55
阅读次数:
164
实现功能类似淘宝查看商品功能 鼠标移动到a图查看b图的比例放大照片(首先要有两种1:2比例或更大的图) 重点:图片的定位: absolute scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间 ...
分类:
其他好文 时间:
2017-09-21 20:58:33
阅读次数:
203
$(document).scrollTop() 获取垂直滚动的距离 (即当前滚动的地方的窗口顶端到整个页面顶端的距离)$(document).scrollLeft() 这是获取水平滚动条的距离 要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了 要获取底端 只要获取scrollT ...