我正在创建一个标题,一旦滚动到一定数量的像素,它就会修复并保持原位.
我可以使用css和html这样做,还是我也需要jquery?
我已经创建了一个演示,所以你可以理解.任何帮助都会很棒!
body{
margin:0px;
padding:0px;
}
.clear{
clear:both;
}
.container{
height:2000px;
}
.cover-photo-container{
width:700px;
height: 348px;
margin-bottom: 20px;
background-color:red;
}
.small-box{
width:163px;
height:100px;
border:1px solid blue;
float:left;
}
.sticky-header{
width:700px;
height:50px;
background:orange;
postion:fixed;
}
Run Code Online (Sandbox Code Playgroud) 我有一些jquery显示和隐藏,我遇到的问题是当它显示时它不会停留,它会一直弹回.
有人可以帮忙吗?这是一个演示 http://jsfiddle.net/WqYFV/
$(".home-phone-icon").click(function () {
$(".home-nav-phone").slideToggle('slow');
})
$(".home-phone-icon").click(function () {
$(".home-nav-phone").slideUp('slow');
})
Run Code Online (Sandbox Code Playgroud)