【问题标题】:How to scroll ul li element automatically?如何自动滚动 ul li 元素?
【发布时间】:2011-08-22 01:52:41
【问题描述】:

我有问题。我正在做一个基于 jquery 的聊天,我想知道如何从 *.js 文件中附加/前置一个 LI 元素。

index.html:

<html>
...
<div id="divID">
  <ul id="ulID"></ul>
</div>
</html>

聊天.js:

$('#ulID').append(msg);

我想做的是一个经典的聊天容器,它将被填充并自动滚动到最后一个 LI 元素。

【问题讨论】:

  • 所以你只需要在&lt;ul&gt; 后面加上包含新消息的&lt;li&gt;s?
  • append('&lt;li&gt;' + msg + '&lt;/li&gt;')替换append(msg)就完成了?
  • 所以你想让它自动向下滚动就是你想说的?
  • 好吧,我需要我的聊天容器始终滚动到最后一项。
  • 对不起,我没有正确解释 myseld。

标签: jquery html css alignment jquery-mobile


【解决方案1】:

使用 jQM,您可以使用 Silent Scroll 方法

$.mobile.silentScroll (method)

装饰:http://jquerymobile.com/demos/1.0a4.1/#docs/api/methods.html

至于在ul列表中添加li,记得使用:

listview('refresh')

让 jQM 添加它的 CSS/JS 功能。

我还建议查看 listview 文档:http://jquerymobile.com/demos/1.0a4.1/#docs/api/../../docs/lists/index.html

【讨论】:

    【解决方案2】:

    在上面的评论交流之后,实际提出的问题似乎是“如何使元素自动滚动,如果可能,滚动条不可见?”

    here 已经回答了类似的问题。

    【讨论】:

      猜你喜欢
      • 2012-10-03
      • 2013-05-27
      • 2017-04-14
      • 2016-03-26
      • 1970-01-01
      • 2018-12-20
      • 1970-01-01
      • 1970-01-01
      • 2012-08-12
      相关资源
      最近更新 更多