casperjs滚动弹出图层

时间:2016-05-03 06:59:57

标签: javascript phantomjs casperjs

我有“弹出容器”,在点击链接之前必须将其滚动到底部。

<div id="tos-popup-container" class="tos-popup-container">
<div id="tos-scroll" class="tos-scroll-area" tabindex="0">
<div id="tos-header" class="tos-header">
<div id="header-text-div">Privacy and Terms</div>
</div>
<div id="tos-text" class="tos-text-div">
</div>
<div id="tos-button-div" class="tos-button-div">
</div>

我已经尝试过了:

this.evaluate(function() {   return window.document.body.scrollTop = document.body.scrollHeight; });

casper.scrollToBottom();
casper.wait(1000, function () {
    casper.capture("scroll.png");
});

但两者都不起作用。我想,首先我必须选择元素#tos-popup-container或#tos-scroll然后“向下滚动”。

1 个答案:

答案 0 :(得分:2)

我用

解决了这个问题
this.sendKeys('#tos-text', casper.page.event.key.PageDown , {keepFocus: true});

但也许有更好的方法!