< How to detect whether a scrollview is currently moving or is idle

How to adjust the scroll edge effect for ScrollView and List

Paul Hudson @twostraws June 19th 2025

Updated for Xcode 16.4

New in iOS 26

SwiftUI’s scrolling views – that's ScrollView, List, and Form – automatically have a scroll edge effect applied in iOS 26 and later. This causes your content to be blurred and dimmed so that it works better next to surrounding UI controls such as the status bar or a tab bar.

If you prefer, you can selectively disable the scroll edge effect for any scrolling view by using the scrollEdgeEffectStyle() modifier, giving it the .hard style for any edges you want.

For example, this applies the hard edge effect along the top of the List, causing it to cut off sharply rather than blur and dim:

NavigationStack {
    List(1..<101) { i in
        Text("Row \(i)")
    }
    .scrollEdgeEffectStyle(.hard, for: .top)
}

Download this as an Xcode project

This is helpful when you have custom UI on one side of your screen, where you don't want the scrolling content to move under it – if you have lots of buttons or other custom views up there, you might prefer a hard edge to avoid creating clutter.

For example, this places a custom label in the navigation title space, and applies a hard scroll edge effect so the list doesn't underlap the toolbar label:

NavigationStack {
    List(1..<101) { i in
        Text("Row \(i)")
    }
    .scrollEdgeEffectStyle(.hard, for: .top)
    .toolbar {
        ToolbarItem(placement: .title) {
            Label("My Awesome App", systemImage: "sparkles")
                .labelStyle(.titleAndIcon)
        }
    }
}

Download this as an Xcode project

Note: If you just want the scroll effect to disabled, use scrollEdgeEffectDisabled() with no parameters, or alternatively provide it with specific edges to disable.

How to adjust the scroll edge effect for ScrollView and List

Similar solutions…