如何滚动文本行，而不显示滚动条

，当你看到萤火虫的长文件名，你会发现一个范围，告诉我们 - >

.FileName { 
    float: left; 
    width: 438px; 
}

我们已经为此跨度预定义宽度！

q＃1：为什么我们在该div中溢出，我该如何解决这个问题？

q＃2（重要）：是否可以使该文件名可滚动而不显示滚动条？

编辑
（使用jQuery或JavaScript或CSS）

在此先感谢

来源

2011-10-28 MoonLight

如果你不想要一个滚动条，但要滚动，那么最明显的解决方案是使用一些JavaScript。如果你到了jQuery，这里的一些：

http://www.net-kit.com/jquery-custom-scrollbar-plugins/

我已经试过（http://www.demo.creamama.fr/plugin-scrollbar/）之一，设置包含在div文字overflow: hidden;和div包含滚动条到display: none;来模仿你的情况，这给了我一个没有滚动条的滚动div。
不过，我认为从UI的角度来看，如果没有滚动条的滚动部分不是最好的想法。至少应该点亮（与Mac OS Lion滚动条一样），表明您可以滚动或正在滚动。你可以设计一个javascript解决方案来实现这一点，例如使用一个小小的滚动条或指示器。

来源

2011-10-28 10:42:35 kasimir

谢谢你的回答/你会告诉我们在jsfiddle中的示例！ – MoonLight

我试图在jsfiddle中快速拍打东西，但它并不容易。如果你可以尝试实现jQuery解决方案之一，我很乐意看看它是否仍然无法正常工作。 – kasimir

你有一个溢出，因为这种文字不能突破（有没有空格）：

R1DA029_APP_SW_1212_2395_GENERIC_KT_REDBROWNBLUE_CID52_49_DB3210

你可以改变跨度到div中，给它们一个高度和一个溢出：隐藏。

HTML：

<div class="FileName">R1DA029_APP_SW_1212_2395_GENERIC_KT_REDBROWNBLUE_CID52_49_DB3210 asangsm.com.rar</div>

的CSS：

.FileName{ 
    float: left; 
    width: 438px; 
    height: 20px; 
    overflow: hidden; 
}

我不认为这是可能使该文件名滚动而不显示滚动条。

来源

2011-10-28 09:26:41 Mathieu

谢谢你的回答/“我不认为这是可能的......”但我想我在网站上看到类似的东西 - 所以，应该有办法做到这一点！ – MoonLight

也许你可以做些什么，当你将鼠标悬停在文件名上时，文件名的文本在div中滚动？或者当你mouseover一个div变得可见通过文件的全长.FileName-div？ – Mathieu

但我能做些什么关于滚动条！我只是想强制该文本滚动而没有滚动条，只能用鼠标滚动它！ – MoonLight

短缺使用CSS3's marquee，我可以看到没有简单的解决方案。你将不得不使用Javascript。

根据避免换行符，您可以使用white-space: nowrap;。

来源

2011-10-28 10:42:00 ANeves

感谢您的意见 – MoonLight

如何滚动文本行，而不显示滚动条

回答

相关问题