我已经搜索了这个问题的答案并且遇到了 隐藏滚动条,同时仍然可以使用鼠标/键盘滚动,但jQuery插件并不能完全按照我的意愿去做.首先,滚动感觉有点草率和无法控制.我之所以需要这个很简单:当你展开一些项目时,我的页面会变得更长一些,并且滚动条显示在侧面之外并使一切都向左移动.我希望有一种方法可以避免这种情况,既可以始终保持滚动条可见,也可以完全隐藏滚动条,但仍保留滚动的原生能力.
这是我的意思的一个例子:http://screencast.com/t/Roi3HJtHyH当点击长条目时内容向左移动,这个效果看起来有点难看.
溢出时如何隐藏Firefox滚动条:auto?
:: - webkit-scrollbar {display:none; }
我使用此代码,但这仅适用于Google Chrome.
任何帮助人?谢谢!
更新
我用的时候
溢出:隐藏;
页面无法继续页脚.
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div id="pageWrapper">
<header></header><!--end of header-->
<nav>
<ul>
<li><a href="#">Home</a></li>|
<li><a href="#">Services</a></li>|
<li><a href="#">Gallery</a></li>|
<li><a href="#">FAQ</a></li>|
<li><a href="#">About Us</a></li>|
</ul>
</nav><!--end of nav-->
<aside>
</aside><!--end of aside-->
<section>
</section><!--end of section-->
<footer>All Right Reserved 2013.</footer><!--end of footer-->
</div><!--end of pageWrapper-->
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我的css
/*----- Reset ----*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,
blockquote, …Run Code Online (Sandbox Code Playgroud) 所有!
我需要在图片上制作效果.我可以制作文本着色(文本顶部和底部的透明贴图),但我不知道如何制作没有滚动条和剪辑的可滚动文本(溢出:隐藏).有想法吗?

我只有一个想法 - 在滚动条上添加图像以将其隐藏在用户之外