场景:屏幕滚动,右侧板块固定效果。
$(function () {
var body_width = document.body.clientWidth;//总宽度
w = (body_width - 1200) / 2;//right距离
var foot = $("footer").offset().top;
console.log(foot);
console.log('<br>');
$(window).scroll(function () {
if ($(window).scrollTop() >= 200) { //向下滚动像素大于这个值时,即出现浮窗~
$('.article_right').css({ "position": "fixed", "top": "0", "right": w });
}
if ($(window).scrollTop() < 200) { //向下滚动像素大于这个值时,即出现浮窗~
console.log($(window).scrollTop());
$('.article_right').css({ "position": "absolute", "top": "0" ,"right": 0});
}
if ($(window).scrollTop() >= foot-450) { //向下滚动像素大于这个值时,即出现浮窗~
$('.article_right').css({ "position": "static", "right": w });
}
});
});