CODEWITHSUNDEEP
phantomjs
Andreas Köberle
Andreas Köberle

Reputation: 110922

How to scroll a page with phantomJs

I wanna render a page that load its images only when the user scrolls the page. Just setting page.scrollPosition has no effect. I need something that change the scroll position over time.

Upvotes: 4

Views: 4194

Answers (1)

Andreas Köberle
Andreas Köberle

Reputation: 110922

Not sure if this is the best way but it works. It evaluate a script in the page, that increase document.body.scrollTop over time and make a screenshot after a fixed time. 

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)

Upvotes: 8

Related Questions