几乎每一个网站,都有一个分享到侧边栏的功能, 我写的这个是固定在网页窗口的左侧, html: css: 那么问题来了,怎么固定在网页的中部? 首先获取到窗口的滚动条的到文档顶部的距离,再加上可视区域减去分享到侧边栏的高度除2,就是需要分享到侧边栏的高度。 剩下的就是鼠标移入,侧边栏向右移动。移出缩进 ...
分类:
Web程序 时间:
2017-04-02 22:01:57
阅读次数:
226
scrollWidth,offsetWidth,clientWidth,width;scrollHeight,offsetHeight,clientHeight,height;offsetTop,scrollTop,top;offsetLeft,scrollLeft,left还有谁
题中的那么多属性让人头都大了,他们到底是什么意思?不同浏览器的实现是一样的吗?以下所有结论来自chrome版本 53.0.2785.89 (64-bit)和firefox版本52.0.2,操作系统ubuntu16.04的测试,关于IE及其它浏览器并没有考虑。 ...
分类:
其他好文 时间:
2017-04-02 18:32:51
阅读次数:
159
慕课网的一个小课程,练习了一遍,不足之处,欢迎指正(照片在本地,大家可以着重看代码哈),想看demo的同学可以点击如下地址:https://iceflorenceice.github.io/: ...
分类:
Web程序 时间:
2017-04-02 15:07:20
阅读次数:
254
<script type="text/javascript"> jQuery(document).scroll(function(){ var screens = jQuery(document).scrollTop(); if(screens >800){ jQuery('#xiangqingye ...
分类:
其他好文 时间:
2017-04-01 13:23:19
阅读次数:
131
页面滚动 事件:window.onscroll, 获得页面滚动位置:document.body.scrollTop; HTML代码: 这里注意此处逻辑,大于500就显示,否则就隐藏,还有注意如果变量名设置为top的话,就出错,都是小坑。 ...
分类:
其他好文 时间:
2017-03-29 01:23:47
阅读次数:
187
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth(包括边线的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽) ...
分类:
Web程序 时间:
2017-03-28 16:46:44
阅读次数:
175
什么是document.body? 什么是 document.documentElement? document.documentElement 与 document.body的应用场景 获取 scrollTop 方面的差异 在firefox(47.0)及 IE(11.3)下获取scrollTop, ...
分类:
其他好文 时间:
2017-03-28 14:09:12
阅读次数:
211
首先引入jquery 第二步在样式中设置锚点 和锚链的id <p id = "title1"></p> <br><br><br><br><br><br><br> <div id = "modOne"></div> 第三步 直接上代码: ...
分类:
Web程序 时间:
2017-03-27 14:16:29
阅读次数:
216
区别: body是DOM对象里的body子节点,即 <body> 标签; documentElement 是整个节点树的根节点root,即<html> 标签; 没使用DTD情况即怪异模式BackCompat下: document.documentElement.clientHeight=0docum ...
分类:
其他好文 时间:
2017-03-22 00:48:55
阅读次数:
138