【问题标题】:jssor tab slider scale height for different content heightjssor选项卡滑块缩放高度不同的内容高度
【发布时间】:2014-05-12 09:56:43
【问题描述】:

在Jssor Slider http://www.jssor.com/demos/tab-slider.html,第二个例子中,幻灯片内容固定为331px。

但是我的内容的高度不同,我如何缩放高度?

谢谢。

【问题讨论】:

  • 嘿@Peter,你解决了吗?
  • @Ned jssor 不走运,我切换回 jquery ui 选项卡
  • 太糟糕了,我也不得不切换到 bxslider。谢谢!

标签: jssor


【解决方案1】:

在以下代码中调整'height: 331px'和'height: 300px'的值, 如果要多加 20px,可以改成 '351px' 和 '320px'。

<div id="slider2_container" style="position: relative; top: 0px; left: 0px; width: 602px; height: 331px; background: #fff; overflow: hidden; ">

    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; left:0px; top: 29px; width: 600px; height: 300px; border: 1px solid gray; background-color: #fff;
        overflow: hidden;">

【讨论】:

  • 我的意思是tab 1的内容是高度100px,tab 2是高度500px,tab 3是1000px。当我在标签 1 中时,如何动态更改为 100 像素而不是 1000 像素?
  • @jssor 我也面临同样的问题。我想根据他们的内容修改我的滑块 div 高度。内容是动态的,所以我需要计算高度,并且必须分配给&lt;div id="slides" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 620px; overflow:hidden; min-height: 3000px"&gt; 作为最小高度。但它没有改变。请帮我解决这个问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-02-23
  • 2017-09-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多