Question

我的网站上有一个滚动旁边bar。

www.rayshaft.com

and I also have ajax pagination, so the sidebar is supposed to be floating until it reaches the footer of the page, but the problem is it works only with the 1st page, when the 2nd page is loaded via ajax the sidebar is not floating. I was suggested to change my js code so that every time after ajax page load i need to call scroll function again or i need to recalculate maxY and footTop ech time scroll happens. I don t know any js programming so could you please help me. How can I modify this code to get what I want?

$(window).load(function(){
$(function() {
    var top = $( #sidebar ).offset().top - parseFloat($( #sidebar ).css( marginTop ).replace(/auto/, 0));
    var footTop = $( #footer ).offset().top - parseFloat($( #footer ).css( marginTop ).replace(/auto/, 0));

    var maxY = footTop - $( #sidebar ).outerHeight();

    $(window).scroll(function(evt) {
        var y = $(this).scrollTop();
        if (y > top) {
            if (y < maxY) {
                $( #sidebar ).addClass( fixed ).removeAttr( style );
            } else {
                $( #sidebar ).removeClass( fixed ).css({
                    position:  absolute ,
                    top: (maxY - top) +  px 
                });
            }
        } else {
            $( #sidebar ).removeClass( fixed );
        }
    });

Answer 1

发挥排气管的功能是一项独立的职能,然后在阿加西字母的完稿时叫它。

function ScrollBar()
{
$(function() {
var top = $( #sidebar ).offset().top - parseFloat($( #sidebar ).css( marginTop ).replace(/auto/, 0));
var footTop = $( #footer ).offset().top - parseFloat($( #footer ).css( marginTop ).replace(/auto/, 0));

var maxY = footTop - $( #sidebar ).outerHeight();

$(window).scroll(function(evt) {
    var y = $(this).scrollTop();
    if (y > top) {
        if (y < maxY) {
            $( #sidebar ).addClass( fixed ).removeAttr( style );
        } else {
            $( #sidebar ).removeClass( fixed ).css({
                position:  absolute ,
                top: (maxY - top) +  px 
            });
        }
    } else {
        $( #sidebar ).removeClass( fixed );
    }});
}
}

$(window).load(function(){
    ScrollBar();
});

如今,阿加克斯岛工程一结束,就把这一功能称为:Csroll Bar()搬迁到停车场。

友情链接