0

当我点击一个按钮时，我想走到页面的末尾。我在这个 div 上有数据（来自服务器）。但是当我给 div 高度时，它不起作用。当我从 div 中删除高度时，它可以工作。

<div id="realTimeContents" class ="left realtimeContend_h" style="width:97%; height:850px">
</div>

我会详细说明：当我从服务器获取数据时，我会使用自动滚动附加数据（这就是我需要 div 高度的原因）。但是当我给它高度时，它会停止到页面的末尾

function nativePluginResultHandler (result)
{
    $('#realTimeContents' ).append(result);

    var elem = document.getElementById('realTimeContents');// just to scroll down the line 
    elem.scrollTop = elem.scrollHeight;
}

这是小提琴。 http://jsfiddle.net/ravi1989/s66Ww/

4

4 回答 4

2

尝试以下：

var $div = $("#realTimeContents");

$("#btnScroll").on("click",function(){    
    $div.scrollTop($div[0].scrollHeight);
});

在这里工作小提琴：http: //jsfiddle.net/s66Ww/2/

希望能帮助到你。

于 2013-08-05T06:21:23.390 回答
0

对于在 Selenium 中向下滚动，请使用以下代码：

有时“document.body.scrollHeight”在 JavaScrip 上不起作用，特别是当网站是在 React 上编写时，然后使用：document.documentElement.scrollHeight

这是向下滚动和向上滚动的代码

JavascriptExecutor jse = (JavascriptExecutor) driver;
// (driver is your browser webdriver object) jse.executeScript("window.scrollBy(0,document.body.scrollHeight || document.documentElement.scrollHeight)", "");

对于向上滚动使用下面的代码：

jse.executeScript("window.scrollBy(0,-document.body.scrollHeight || -document.documentElement.scrollHeight)", "");
于 2017-10-24T06:22:01.847 回答
0

试试这个方法

首先检查是否document.body.scrollHeight得到零值，如果是则尝试获取document.documentElement.scrollHeight值

var getheight = function() {
  var sh = document.body.scrollHeight;
  return (sh && sh > 0) ? sh : document.documentElement.scrollHeight;
}

var height = getHeight()

希望能帮助到你

于 2018-07-13T16:45:19.330 回答
0

我遇到了一个问题，它没有一直到页面末尾。我有一些文本没有破坏并导致我的内容容器比正文更宽。这使得scrolltop max 的高度小于scrolltop 值。

可能不是每个人都overflow-wrap: break-word;修复它的情况。

于 2018-12-31T04:39:27.370 回答