jquery滑动向上/向下滚动

时间:2013-01-10 17:24:32

标签: jquery scroll swipe

我想创建一个平板电脑网站,在滑动事件之间向下滚动。

我是一个JQuery neewbie。我尝试过一些图书馆,但对我没用。

我只需要上/下而不需要水平滚动。

即。让用户滑动,页面向下滚动页面

1 个答案:

答案 0 :(得分:0)

你需要做两件事:(a)是一种“倾听”滑动事件的方式,以及(b)为响应事件而进行分页的方法。甚至可能存在两种解决方案。我现在没有任何建议。

注意:以下是我的原始答案,在获得更多详细信息后,它不是OP所寻求的。

您需要滚动整个页面吗?或只是一个部分(例如DIV)。考虑具有设定高度的overflow: scroll上的css属性DIV是否足够。

选中此fiddle

HTML:

<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>
<div id="ScrollArea">This should <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>scroll</div>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>

CSS:

#ScrollArea {border: 1px dotted red; height: 6ex; overflow: scroll}