How to trigger an on scroll event without scrolling

javascript jquery google-chrome-devtools lazy-loading linkedin
CTSchmidt picture CTSchmidt · Mar 8, 2016 · Viewed 44.3k times · Source

my Question is, how can i trigger (simulate or something esle) an on scroll event. In my special case I don't want to load all the Conservations in LinkedIn by scolling down all conservations, because there are too many!

I do not need a PHP or Javascript solution. Simply using dev-tools at chrome is enough to get my goal.

Answer

Pandaiolo picture Pandaiolo · Jun 26, 2018

Alternatively, you can manually trigger a real scroll event as following:

el.dispatchEvent(new CustomEvent('scroll'))

Which feels a bit less of a hack (and more performant) than dual scrolling by +1 and -1 pixels...

This should run any piece of code listening for a scroll event.

Edit: To support IE11 or other legacy browser, consider using a CustomEvent polyfill such as mdn-polyfills

Related questions

jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)

I'm seeing error messages about a file, min.map, being not found: GET jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found) Screenshot Where is this coming from?

Read More
How to find what code is run by a button or element in Chrome using Developer Tools

I'm using Chrome and my own website. What I know from the inside: 1) I have a form where people sign up by clicking this orange image-button: 2) I inspect it, and this is all it is: <img class="formSend" src="…

Read More
Inject jQuery into Puppeteer page

I'm trying to inject jQuery into my Puppeteer page because document.querySelector doesn't cut it for me: async function inject_jquery(page){ await page.evaluate(() => { var jq = document.createElement("script") jq.src = "https://code.jquery.com/jquery-3.2.1.min.js" …

Read More