如何滚动固定高度容器内的内容？答案

【问题标题】：how to scroll the content inside of a fixed-height container?如何滚动固定高度容器内的内容？
【发布时间】：2012-04-08 05:43:09
【问题描述】：

我想知道如何使用 jQuery 实现下图中的简单示例。

基本上它是一个固定高度的容器 div，我希望它里面的内容（段落列表）可以通过箭头向上/向下滚动。

我需要箭头命令并且没有滚动条，并且我希望不使用任何插件（如果可能的话），例如 this old dhtml 示例。

考虑到我不知道整个内容的确切高度，因为它是 ajax 加载的，所以它可以是可变的。

任何帮助将不胜感激。

提前致谢。

【问题讨论】：

【解决方案1】：

使用scrollto插件，它会让你的生活轻松100万倍

允许您在带有溢出集的 div 内滚动

【讨论】：

【解决方案2】：

您可能正在寻找scrollTo Plugin。但是，如果你想引入原生 HTML 滚动条，那么定义一个溢出属性就可以了。

div { overflow-y: scroll }

更新

我做了一个非常简单的demo，说明如何使用简单的 jQuery 创建滚动条。

另一个demo，带有滚动限制。完美的被称为制作中的插件。

您正在寻找的是单击并按住事件，该事件不可用，但我们可以使用mousedown 事件来构建解决方法。

检查更新的demo

_{基本上，这个想法是在 mousedown 时开始一个间隔并在 mouseup 时清除}

【讨论】：

【解决方案3】：

overflow-y: visible; 应该这样做

【讨论】：

【解决方案4】：

使用 css 属性 overflow 是否有效？这会做你想做的，但它会显示滚动条（你只能用overflow-x或overflow-y激活一个）。

【讨论】：