【问题标题】:Div scroll to the bottom on load加载时div滚动到底部
【发布时间】:2013-07-04 08:57:56
【问题描述】:

如何使用 jQuery 让 div 在加载时滚动到底部? 我有一个具有预设宽度和高度的 DIV 以及一个从 MySQL 获取内容(使用 php 脚本)并将其打印到该 div 的 jQuery 函数。 div 有一个滚动条,隐藏 btw,我希望该 div 在加载时滚动到底部。有没有办法做到这一点?

HTML:

<div id="showContent"></div>

jQuery:

var auto_refresh = setInterval( function()
{
$('#showContent').load('show.php').fadeIn('fast');
}, 500);

show.php 包含一个 while 函数,效果很好。

CSS:

    #showContent {
    height: 250px;
    margin: 10px;
    margin-bottom: 3px;
    overflow: auto;
    padding: 5px;
    width: 300px;
    overflow: auto;
}

【问题讨论】:

  • 请展示您的一些代码
  • 昨天我在玩类似的情况 - 小 div,带滚动的长桌。所以我只是在表格底部添加了一行并放入了一个虚拟 然后添加了“$('#starthere').focus();”。似乎工作。让我们看看其他人会怎么说。
  • 感谢您的想法!
  • ...但它不起作用。我发布了我的 CSS 以了解我的 div 的动作风格。
  • 这是在将数据发布到负载语句之前您必须在服务器端执行的操作。客户端的 CSS 并不重要。能否贴出服务器端的代码?

标签: html scroll load


【解决方案1】:

将具有特定 id 的额外 div 添加到 showContent div 并使用 javascript scrollTo 函数滚动到该 div 将起作用

【讨论】:

    【解决方案2】:

    您可以使用一些回调与加载后触发的加载事件,以便您可以计算该元素的高度,然后在此基础上您可以使用scrollTo() 函数向下滚动。像这样:

    $('div').load('some_url', function(responseText, textStatus, XMLHttpRequest){
      console.log("Get content length");
      //Here you can use some calculation and then use scrollTo 
    });
    

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签