Is their JavaScript scroll event for iPhone/iPad?

Yes, iOS Safari captures scroll events on iPhone and iPad. However, iOS handles scrolling differently than desktop browsers, using momentum scrolling and gesture-based interactions.

Basic Scroll Event Detection

You can use the standard scroll event listener on iOS devices:

<div id="scrollable" style="height: 200px; overflow-y: scroll; border: 1px solid #ccc; padding: 10px;">
  <div style="height: 500px;">
    <p>Scroll this content on mobile...</p>
    <p>Content line 2</p>
    <p>Content line 3</p>
    <p>Content line 4</p>
    <p>Content line 5</p>
  </div>
</div>
<p id="output">Scroll position: 0</p>

<script>
const scrollable = document.getElementById('scrollable');
const output = document.getElementById('output');

scrollable.addEventListener('scroll', function() {
    output.textContent = 'Scroll position: ' + scrollable.scrollTop;
});
</script>

iOS-Specific Scroll Behavior

iOS uses momentum scrolling with these characteristics:

Window Scroll Events

For full page scrolling on iOS:

<div style="height: 150vh; padding: 20px; background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);">
  <h3>Scroll the page vertically</h3>
  <p>This content extends beyond viewport height...</p>
  <p id="pageScroll">Page scroll: 0</p>
</div>

<script>
window.addEventListener('scroll', function() {
    const pageScroll = document.getElementById('pageScroll');
    if (pageScroll) {
        pageScroll.textContent = 'Page scroll: ' + window.pageYOffset;
    }
});
</script>

Key Differences from Desktop

Common Use Cases

Scroll events on iOS are commonly used for:

• Infinite scrolling lists
• Parallax effects
• Sticky navigation headers
• Progress indicators

Conclusion

iOS Safari supports standard scroll events, but with momentum scrolling behavior. Use the same event listeners as desktop, but account for iOS-specific gesture requirements and momentum scrolling delays.