如何滚动固定高度容器内的内容?

时间:2012-03-23 16:36:53

标签: jquery html css scroll height

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

基本上它是一个固定的heigt容器div,我希望用它向上/向下滚动它内部的内容(段落列表)。

我需要箭头命令而没有滚动条,我希望不使用任何插件(如果可能的话),例如this old dhtml示例。

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

非常感谢任何帮助。

提前致谢。

enter image description here

4 个答案:

答案 0 :(得分:2)

使用css属性overflow是有效选项吗? 这将做你想要的,但它会显示滚动条(你只能激活一个overflow-x或overflow-y)。

答案 1 :(得分:2)

您可能正在寻找scrollTo Plugin。但是,如果你想带来原生的HTML滚动条,然后定义一个溢出属性,那么你就可以完成这项工作。

div { overflow-y: scroll }

更新


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

另一个demo,带有滚动限制。非常适合被称为插件。

更新2

您正在寻找的是点击并暂停活动,该活动不可用,但我们可以使用mousedown活动来构建解决方法。

检查udpated demo

基本上,我的想法是在mousedown上开始一个间隔并在mouseup上清除

答案 2 :(得分:0)

overflow-y: visible;应该这样做

答案 3 :(得分:0)

使用scrollto插件,它将让您的生活更轻松一百万次

http://demos.flesler.com/jquery/scrollTo/

允许您在具有溢出设置

的div内滚动