javascript - 在转换到新页面后，scrollbarBlock更改其类(class)

我的网站上有iosSlider。这是我在其中使用的设置：

$('.iosSlider').iosSlider({
  //autoSlide: true,
  desktopClickDrag: true,
  snapToChildren: true,
  scrollbarDrag: true,
  scrollbarContainer: '.iosSlider',
  scrollbarMargin: 0,
  scrollbarHeight: '10px',
  scrollbarBorderRadius: 1,
  scrollbarOpacity: 1
});

// this part is setting initial position to scrollbar block(before it animation)
var x = $('#home-wrap').height() + 10;
$('.scrollbarBlock1').css( 'top', x + 'px' );

// this part animating scrollbar after appearance of logo
var z = $('#home-wrap').height() - 70;
$('.scrollbarBlock1').animate({top: z + 'px' },500);

所以，我有一些奇怪的事情，当您来到home page时-所有工作都按需完成，斯考尔巴放置在我想要的地方


但是如果您转到其他页面“关于我们”（ОНАС），“目录”（КАТАЛОГ）或其他内容，然后返回首页（ГЛАВНАЯ）-斯克鲁巴酒吧将更改他的课程，因此我设置的我的风格对它不起作用

这到底是什么鬼，我该如何解决？

最佳答案

尝试这个

var $ele = $(".iosSlider").children().eq(1);
// this part is setting initial position to scrollbar block(before it animation)
 var x = $('#home-wrap').height() + 10;
 $ele.css( 'top', x + 'px' );

  // this part animating scrollbar after appearance of logo
var z = $('#home-wrap').height() - 70;
$ele.animate({top: z + 'px' },500);