Question

在Safari 5中，首次加载时视口高度错误：http://www.filmreich.com/

当滑块开始转到下一张幻灯片时，视口高度是正确的。这是我使用的代码：

slider.reloadSlider({
    mode: 'horizontal',
    speed: 800,
    pause: 7000,
    infiniteLoop: false,
    adaptiveHeight: true,
    preloadImages: 'visible',
    nextText: '<i class="fa fa-angle-right"></i>',
    prevText: '<i class="fa fa-angle-left"></i>',
    pager: false,
    controls: false,
    auto: true,
    onSliderLoad: function(){
      jQuery('.article-controls a').on('click', function(e){
        e.preventDefault();
        var goTo = jQuery(this).attr('data-slide-index');
        slider.goToSlide(goTo);
      });   
    }
});

我使用jQuery（window）.load（），以确保滑块已满载。

Answer 1

我找到了一个解决方案 - 不是最好的方式 - 但这对我有用。我将以下代码添加到onSlideLoad函数：

setTimeout(function(){  
  var sliderHeight = jQuery('.bxslider li:first-child').height() + 'px';
  jQuery('.bx-viewport').css('height', sliderHeight);
}, 300);

BxSlider - Safari 5中错误的滑块 - 视口 - 高度

1 个答案: