代码之家  ›  专栏  ›  技术社区  ›  Ramesh Diego Lins de Freitas

在初始加载时猫头鹰转盘宽度有问题

  •  0
  • Ramesh Diego Lins de Freitas  · 技术社区  · 7 年前

    我正在研究 owl-carousel . 目前我有一个问题,我的滑块宽度是非常糟糕的行为。

    当我加载/刷新网站时, 猫头鹰旋转木马 在宽度上有一些值,但是下一张幻灯片的一部分是可见的(我想避免这种情况)。同时,在初始加载后,当我调整窗口大小(切换最大化,或通过拖动更改宽度或高度)时,它会根据需要将宽度设置为正确的值。我不明白为什么会这样。我想在开始的时候防止这种习惯。

    这是我的jQuery。

    function newsSlider() {
      $('.news-slider .owl-carousel').owlCarousel({
      autoplay: true,
      autoplayHoverPause: true,
      dots: true,
      loop: true,
      margin: 5,
      items: 3,
      responsive: {
        0: {
          items: 1,
        },
        768: {
          items: 2,
        },
        992: {
          items: 3,
        }
      }
     });
    }
    
    3 回复  |  直到 7 年前
        1
  •  1
  •   Ramesh Diego Lins de Freitas    7 年前

    通过设置 fixed width

        2
  •  1
  •   Roman Yarovoy    7 年前

    我在工作状态下测量owl stage容器的宽度时解决了这个问题。然后在样式中设置值,如:

    #photo-gallery .owl-stage {
      min-width: 10317px;
    }
    
    推荐文章
    jsg  ·  猫头鹰转盘定位装置
    10 年前