Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改浮动边栏js代码,使其与ajax分页一起工作?_Javascript_Jquery - Fatal编程技术网

Javascript 如何更改浮动边栏js代码,使其与ajax分页一起工作?

Javascript 如何更改浮动边栏js代码,使其与ajax分页一起工作?,javascript,jquery,Javascript,Jquery,我的网站www.rayshaft.com中有一个浮动边栏,我也有ajax分页,所以边栏应该是浮动的,直到它到达页面的页脚,但问题是它只适用于第一页,当第二页通过ajax加载时,边栏不是浮动的。 www.rayshaft.com 有人建议我修改我的js代码,以便在每次加载ajax页面后,我需要再次调用scroll函数,或者我需要重新计算maxY和footTop ech时间滚动。我不懂js编程,所以你能帮我吗。如何修改此代码以获得所需的内容 $(window).load(function(){ $(

我的网站www.rayshaft.com中有一个浮动边栏,我也有ajax分页,所以边栏应该是浮动的,直到它到达页面的页脚,但问题是它只适用于第一页,当第二页通过ajax加载时,边栏不是浮动的。 www.rayshaft.com 有人建议我修改我的js代码,以便在每次加载ajax页面后,我需要再次调用scroll函数,或者我需要重新计算maxY和footTop ech时间滚动。我不懂js编程,所以你能帮我吗。如何修改此代码以获得所需的内容

$(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');
        }
    });
$(窗口).load(函数(){
$(函数(){
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-$(“#边栏”).outerHeight();
$(窗口)。滚动(功能(evt){
var y=$(this.scrollTop();
如果(y>顶部){
if(y
将滚动条的函数设置为独立函数,然后在ajax脚本完成时调用它

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();
});
函数滚动条()
{
$(函数(){
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-$(“#边栏”).outerHeight();
$(窗口)。滚动(功能(evt){
var y=$(this.scrollTop();
如果(y>顶部){
if(y

现在,一旦ajax分页完成,调用这个函数:ScrollBar()来重新定位滚动条。

这对我来说不起作用,侧边栏变成了静态的,而不是浮动的>_