scrollbarBlock在转换到新页面后更改其类

Question

我的网站上有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时，我有一些奇怪的事情 - 所有的工作都需要，将口音棒放在我想要的地方

但是如果你去任何其他页面'关于我们'（ОНАС），'目录'（КАТАЛОГ）或其他什么，然后将返回主页（ГЛАВНАЯ） - scroolbar将改变他的课程，因此我的风格我设置的它不起作用

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

Answer 1

试试这个

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);