防止div打包，但不要添加默认滚动

好吧，所以我对此有点困惑：正如你可以在网站上看到的the Polymer Project，他们有标签，如果有太多的水平滚动。我想复制这种效果，但我无法弄清楚如何防止<div>元素的标签包装以及滚动。显然，JS需要在这里使用。除非可以获得自定义滚动条？防止div打包，但不要添加默认滚动

我该怎么做以上？一个非jQuery解决方案将是非常多的更可取。

来源

2014-12-04 Alonessix

应该能够使用普通的JavaScript或jQuery来比较内部div的计算宽度和外部div的设置宽度。如果#inner比#outer宽，则向其中一个div添加一个类以更改它们的显示方式。如果没有，请删除课程。

的标记：

<div id="outer"> 
    <div id="inner"> 
    <div class="scroll-button"></div> 
    <!-- your tabs here --> 
    <div class="scroll-button"></div> 
    </div> 
</div>

的造型：

#outer{ 
    width:500px; 
    overflow-x:hidden; 
} 
#outer .scroll-buttons{ 
    display:none; 
} 
#outer.has-scroll-buttons .scroll-button{ 
    display:block; 
}

来源

2014-12-04 01:12:24 maurice

这本身并没有回答我的问题，但它*帮助我找到了我的问题的答案。稍后我会回答这个问题。不过，也许我的解决方案不是最高效的。接受你的。 – Alonessix 2014-12-07 18:43:46

你的问题的哪部分仍未解答？ – maurice 2014-12-23 01:19:42

给div一个固定的高度和动态长度。如果div的长度属性是通过计算div中所需的列数来进行的。

为什么厌恶jQuery？

来源

2014-12-04 01:11:07

我宁可不使用jQuery是因为它是我不会在这个项目中使用的一个相当大的库的原因，大部分。 – Alonessix 2014-12-07 18:46:17

防止div打包，但不要添加默认滚动

回答

相关问题