如何使用phantomJs滚动页面

时间:2013-05-08 12:38:48

标签: phantomjs

我想渲染一个只在用户滚动页面时才加载图像的页面。仅设置page.scrollPosition无效。我需要一些随着时间的推移改变滚动位置的东西。

1 个答案:

答案 0 :(得分:8)

不确定这是否是最好的方法,但它有效。它评估页面中的脚本,随着时间的推移增加document.body.scrollTop并在固定时间后制作屏幕截图。

page.open "http://www.somePage.com", (status) ->
      setTimeout(( ->
        page.evaluate(->
          pos = 0
          scroll = ->
            pos += 250
            window.document.body.scrollTop = pos
            setTimeout(scroll, 100)

          scroll()
        )

        setTimeout((->
          page.render('bild.png')
          phantom.exit()
        ), 5000)
      ), 1000)