网页制作经验技巧(总结)

2017-01-24  本文已影响23人  媛媛起床了

1、我的最开始学习的时候,一个效果是鼠标滑过一个div,这个div就出现一个边框,当时的情况是div的下面还有一个div,里面是一段文字,类似这种效果

Paste_Image.png

然后鼠标滑过

Paste_Image.png

鼠标滑过,下面文字的div会向下抖动一下,想必也理解,就是正常文档流突然加了边框,于是把下面顶下去了,当时视频的老师解决办法是让下面的margin-top有个向上的负的偏移,现在自己遇到这个问题,我觉得我的解决办法更好,就是提前加一个border:1px solid transparent 的一个透明边框,然后浮动的时候改变边框的颜色即可

2、"平滑"返回顶部,在谷歌浏览器和火狐下都兼容的
$('body,html').animate({scrollTop:0},1000)
1000是可以随便改变的,只写body 或者html,谷歌可能无效,所以两个都要写,同理scrollTop后面的值也可以改变,从而滑动到你想要的任何固定的位置

上一篇下一篇

猜你喜欢

热点阅读