我使用此代码及其工作:
$(function(){
$(window).scroll(function() {
if ($(this).scrollTop() > 370) {
$(".userbar").css({
'position':'fixed',
'top':'-41px',
'right':'157px',
'z-index':'2000',
'message':''
});
$(".userbar").slideDown();
}
else {
$(".userbar").css({
'position':'relative',
'margin-top':'40px',
'margin-left':'39px',
'top':'0',
'right':'0'
});
}
});
当我从顶部到达370像素时,它应该将相对于固定位置的现有div移动。
它的工作好,但这不是我想要的 当我滚动其他div时,我希望同一个div会滑下来,怎么做?
答案 0 :(得分:2)
使用display: none;
而不是使用position:relative
参数。然后根据滚动距离滑动div。
<强> http://jsfiddle.net/smL6Q/1/ 强>
.userbar
{
width: 50px;
height: 50px;
background: red;
display: none;
position: fixed;
}
$(window).scroll(function() {
if ($(this).scrollTop() < 370)
{
$(".userbar").slideUp();
}
else
{
$(".userbar").slideDown();
}
});