如何使固定的div滚动时

有没有使用JQuery,当一个div开始去屏幕外,我可以察觉,并更改其CSS让其位置变化固定和粘在窗口底部的方法是什么?

--------------解决方案-------------

我认为你正在寻找的是在JQuery中置顶元素与航点,如果我是正确的。 看看这个页面:JQuery的航点

CSS

.div-fixed {
position: fixed;
bottom: 10px;
right: 10px;
}

JS

if ($('#mydiv').offset().top() + $('#mydiv').height() > $(document).height()) {
$('#mydiv').addClass('div-fixed');
}

这里有一个演示的jsfiddle我以前用过。

jQuery的:

var stickerTop = parseInt($('#sticker').offset().top);
$(window).scroll(function() {
$("#sticker").css((parseInt($(window).scrollTop()) + parseInt($("#sticker").css('margin-top')) > stickerTop) ? {
position: 'fixed',
top: '0px'
} : {
position: 'relative'
});
});

JS

var backup_position_toolbar = $('#toolbar').offset().top;
$(window).scroll(function() {
if ( $('#toolbar').offset().top - $(window).scrollTop() < 0 ) $('#toolbar').addClass('fixed');
if ( $(window).scrollTop() < backup_position_toolbar ) $('#toolbar').removeClass('fixed');
});

CSS

.fixed {
margin: 1px;
position: fixed;
top: 0;
}

分类:jQuery的 时间:2015-03-15 人气:0
本文关键词: CSS,jQuery的
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.238 (s). 10 q(s)