# CSS scroll-snap: Detecting When Scrolling Stops and Which Element Is in Position

# CSS scroll-snap: Detecting When Scrolling Stops and Which Element Is in Position Published on Saturday, April 20, 2019, at 00:43, under JS Examples. by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8580 Updated June 12, 2025 Web browsers now natively support the `scr...

Code: Dispatching a CustomEvent

const event = new CustomEvent('show', {
  detail: { message: payload, sentAt: new Date().toLocaleTimeString() }
});

window.dispatchEvent(event);

Code: Listening for the Event Payload

window.addEventListener('show', (event) => {
  render(event.detail.message, event.detail.sentAt);
});