Javascript 如何更改浮动边栏js代码,使其与ajax分页一起工作?
我的网站www.rayshaft.com中有一个浮动边栏,我也有ajax分页,所以边栏应该是浮动的,直到它到达页面的页脚,但问题是它只适用于第一页,当第二页通过ajax加载时,边栏不是浮动的。 www.rayshaft.com 有人建议我修改我的js代码,以便在每次加载ajax页面后,我需要再次调用scroll函数,或者我需要重新计算maxY和footTop ech时间滚动。我不懂js编程,所以你能帮我吗。如何修改此代码以获得所需的内容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(){ $(
$(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()来重新定位滚动条。这对我来说不起作用,侧边栏变成了静态的,而不是浮动的>_