Jane_3210的博客

CSS实现方法使用相对定位和绝对定位，先隐藏二级栏目，鼠标经过后设为可见，并结合css动画效果。li{list-style: none;text-align:center; }a{text-decoration: none;}li.item{ position: relative; width: 130px; background: r...

参考文献：图片循环滚动demo

实现原理：当滚动条的垂直偏移大于一定值时，正方形缓慢出现（height由0变为50px），反之，当其小于一定值时，正方形缓慢消失；若点击正方形，则触发动画效果直到scrollTop为0，即到达页面顶部。HTML<a href="#header" id="backtop"></a>CSS#backtop{ z-index: 999; pos...

<script>var currentpos, timer; function initialize() { timer = setInterval("scrollwindow()", 60); } function sc() { clearInterval(timer); } function scrollwindow() { ...

思路1.给滚动条添加监听事件，监听body.scroll；2.获取div距离页面顶部的距离offsetTop;3.判定当div的高度距离窗口顶部为0时设置其position为fixed.实现参考：原生监听滚动事件出现一个问题：document.body.scrollTop在谷歌浏览器上始终为0，改为document.documentElement.scrollTop就可以...