0

我有一个带有 css 的 div overfow:hidden。但我需要在此滚动div。我用谷歌搜索，发现解决方案是更改overflow:scroll并隐藏滚动条。但是在 macbook pro 中，我可以看到滚动条。有没有办法解决这个问题？

4

4 回答 4

2

Youtubeoverflow-y: hidden; padding-right: 17px通过overflow-y: scroll; padding-right: 0;在:hover.

它使它看起来整洁，并让用户知道您可以滚动。考虑告诉您的用户，而不是假设他们知道这一点。

于 2013-02-27T08:37:19.927 回答
1

Tryoverflow: auto;如果需要，这将显示滚动条，即 div 中内容的高度大于 div 的高度。否则，如果内容在 div 的范围内，则不会显示滚动条。

于 2013-02-27T08:34:00.287 回答
1

像这样试试

<style type="text/css">
    .inside { width: 500px; overflow: auto; height: 200px; padding-right: 20px; }
    .outside { width: 500px; height: 300px; overflow: hidden; }
</style>

<div class="outside">
    <div class="inside">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium enim blandit ligula pharetra pharetra. Curabitur posuere nibh at nibh tincidunt sed porta dui commodo. Suspendisse id vulputate magna. Cras non arcu ac lacus dignissim pretium. Aenean varius luctus ante, sed tincidunt neque euismod id. Sed aliquam dui eu purus dapibus venenatis. Praesent tortor sem, pretium in rhoncus eu, eleifend at lectus. Donec dignissim turpis et lectus interdum dignissim. Maecenas porttitor ante ut ligula tempus sit amet tincidunt arcu aliquam. Vivamus at velit massa. Nulla eget ligula sed dolor porta porta sit amet ac est. Vestibulum rhoncus tempus ligula quis vulputate. Nullam auctor, neque tristique ultrices iaculis, neque nisl semper est, id adipiscing ligula est eu diam.</p>

            <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec enim ante, rhoncus at egestas eget, imperdiet vitae sem. Mauris sed massa elit, ac posuere nibh. Integer ut metus et felis blandit pellentesque id eget velit. Quisque vehicula consectetur nibh sit amet posuere. Etiam egestas lacus id justo fringilla sodales. Donec scelerisque aliquam urna sed sodales. Cras ornare neque fringilla nisl molestie venenatis. Quisque quis lacus ut augue sodales tristique non id sapien. Sed risus nisl, egestas eu sodales ut, rhoncus id nisl. Maecenas hendrerit tellus neque. Aliquam sodales gravida luctus. Suspendisse porta porta libero at venenatis. Proin laoreet accumsan ipsum, et ultrices nisi pharetra et. Nullam in dolor quam, et adipiscing ipsum. In consequat interdum sollicitudin. </p>
    </div>
</div>
于 2013-02-27T08:39:24.383 回答
-1

你可以使用jquery scrolltop

于 2013-02-27T08:33:46.143 回答