Jquery 在div中滚动文本?

Jquery 在div中滚动文本?,jquery,scroll,Jquery,Scroll,我有一个非常小的div,我想在其中容纳更多的文本,所以我想在它的右侧有一个垂直滚动条,就像通常的滚动条一样。如果我能定制它的外观,那就太好了 我通过lazy search找到的大多数插件都是关于滚动动画和滚动到DOM的某个元素的,这不是我想要的 溢出y:滚动 在div上设置以下CSS属性: 溢出y:滚动 当元素的内容溢出其内容框时,根据需要使用overflow:auto或overflow:scroll overflow-x或overflow-y来显示滚动条 当元素的内容溢出其内容框时,根据需要使

我有一个非常小的div,我想在其中容纳更多的文本,所以我想在它的右侧有一个垂直滚动条,就像通常的滚动条一样。如果我能定制它的外观,那就太好了


我通过lazy search找到的大多数插件都是关于滚动动画和滚动到DOM的某个元素的,这不是我想要的


溢出y:滚动

在div上设置以下CSS属性:

溢出y:滚动

当元素的内容溢出其内容框时,根据需要使用overflow:auto或overflow:scroll overflow-x或overflow-y来显示滚动条

当元素的内容溢出其内容框时,根据需要使用overflow:auto或overflow:scroll overflow-x或overflow-y来显示滚动条

只需要CSS:

#element-name {
    overflow: auto; // hidden: no scrollbar, auto: shows it when needed, scroll: always show scrollbar
}
只需要CSS:

#element-name {
    overflow: auto; // hidden: no scrollbar, auto: shows it when needed, scroll: always show scrollbar
}
阅读

要创建滚动条溢出-y:滚动;或溢出:自动;,您还需要设置宽度和高度


要创建滚动条溢出-y:滚动;或溢出:自动;,您还需要设置宽度和高度

尝试设置以下CSS样式:高度和宽度,以及overflow-y:scroll;,在这个问题上。确保它是块,显示:块;
自定义样式将不得不等待,这是一个快速而肮脏的解决方案。

尝试设置以下CSS样式:高度和宽度,以及overflow-y:scroll;,在这个问题上。确保它是块,显示:块;
自定义样式将不得不等待,这是一个快速而肮脏的解决方案。

这里是一个自定义滚动条的多个jquery插件列表

这里是一个自定义滚动条的多个jquery插件列表

修复div的高度,将其overflow-y设置为滚动

CSS

HTML


固定div的高度,将其overflow-y设置为滚动

CSS

HTML


你只是想定制你的滚动条吗?这是我不久前做的一个CSS解决方案,但只适用于webkit浏览器。你只是想定制你的滚动条吗?这是我不久前做的一个CSS解决方案,但只适用于webkit浏览器。这是一个评论,不是答案。这是在你改变它之前。。。它只是阅读了如何定制一个带有链接的滚动条。这是一个评论,不是一个答案。这是在你改变它之前。。。它只是阅读了如何定制带有链接的滚动条。它在你的演示中,但应该提到的是,你需要为它指定一个高度work@sgroves:只要元素有溢出,就不需要。子元素上的负下边距,父元素上的绝对或固定位置两个或更多相反距离[左+右,上+下]或子元素上的绝对或固定位置…确定。拿出你例子中的高度,试试看。为了使溢出生效,它需要知道应该在什么时候开始溢出。这需要一个已知的溢出高度或宽度-x.yep。不要明白你在说什么。从您的示例中取出高度,然后查看。是的,有一些方法可以在不指定高度的情况下实现这一点,但通常情况下,要使溢出生效,您需要这样做。@sgroves:我的意思是,内容只需溢出元素即可。这可以通过高度来完成。不过,我认为这应该放在演示中,因为在大多数情况下,如果你有一个小盒子,我会假设它已经有一个固定的高度,通过定位或设置高度。不过,这取决于OP它在您的演示中,但是应该提到的是,您需要为它指定一个高度work@sgroves:只要元素有溢出,就不需要。子元素上的负下边距,父元素上的绝对或固定位置两个或更多相反距离[左+右,上+下]或子元素上的绝对或固定位置…确定。拿出你例子中的高度,试试看。为了使溢出生效,它需要知道应该在什么时候开始溢出。这需要一个已知的溢出高度或宽度-x.yep。不要明白你在说什么。从您的示例中取出高度,然后查看。是的,有一些方法可以在不指定高度的情况下实现这一点,但通常情况下,要使溢出生效,您需要这样做。@sgroves:我的意思是,内容只需溢出元素即可。这可以通过高度来完成。不过,我认为这应该放在演示中,因为在大多数情况下,如果你有一个小盒子,我会假设它已经有一个固定的高度,通过定位或设置高度。不过,这取决于OP
<div class="restricted">bunch of text that will make this box scroll</div>