1.让元素撑满视口
width: 100vh;
PS:但是width是指内容的宽度,不包括内边距边框和外边距(IE6解释width为内容+内边距+边框)
2.在页面内点击链接跳转
在标签a中的href中写上要链接到的元素的id即可
3.给一个元素设置背景图片,并把它拉宽至铺满整个视口(不要平铺)
css代码:
.first{
background: url("picture/bk.jpg") no-repeat;
background-size: 100%;
}
jQuery代码:
$(".first").height($(window).height());
PS:
获取视口高度给这个元素,这个元素不可以再有margin或者padding的top或者bottom属性
如果有了的话,视口高度会加上padding&margin的值。
值为正时,背景图片会超过视口高度,继续往下延伸。
其子元素有padding&margin值则不影响
4.让元素位于视口底部(只在打开网页时,并不随着页面浏览继续留在底部)
jQuery代码:
$(".sign").offset({ top:0.92*$(window).height()});
PS:
直接设置$(window).height(),则这个元素出现在视口底部的后一行。
修改为display:inline也不行,只能出此下策
5.不论浏览页面到哪个位置,让元素一直处于视口某个位置
只需在属性中加一句
position:fixed