javascript - 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时，我有一些奇怪的事情- 所有工作都按需进行，滚动条放在我想要的地方

但是如果你转到任何其他页面“关于我们”(О НАС)、“目录”(КАТАЛОΓ) 或其他内容，然后将返回主页(ГЛАВНАЯ) - 滚动条将更改他的类，因此我的样式我设置的它不起作用

这到底是怎么回事，我该如何解决？

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