Repository: flutter
Issue: Multiple scrollview display scrollbar artifacts
Labels: framework,f: scrolling,has reproducible steps,P2,found in release: 3.7,found in release: 3.10,team-framework,triaged-framework

### Is there an existing issue for this?

- [X] I have searched the [existing issues](https://github.com/flutter/flutter/issues)
- [X] I have read the [guide to filing a bug](https://flutter.dev/docs/resources/bug-reports)

### Steps to reproduce

run the sample code

### Expected results

no artifact 

### Actual results

scrollbar artifact 

### Code sample

<details><summary>Code sample</summary>

```dart

import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(home: MyApp()));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final scrollController = ScrollController();
  final gridController = ScrollController();
  final itemController = List.generate(20, (index) => ScrollController());
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ScrollbarTheme(
      data: const ScrollbarThemeData(
          minThumbLength: 60,
          thickness: MaterialStatePropertyAll(10),
          trackVisibility: MaterialStatePropertyAll(true),
          thumbVisibility: MaterialStatePropertyAll(true)),
      child: SingleChildScrollView(
        controller: scrollController,
        physics: const BouncingScrollPhysics(),
        child: GridView.builder(
          controller: gridController,
          physics: const NeverScrollableScrollPhysics(),
          shrinkWrap: true,
          itemCount: itemController.length,
          itemBuilder: (_, gridIndex) => Padding(
              padding: const EdgeInsets.all(20),
              child: CustomScrollView(
                controller: itemController[gridIndex],
                slivers: [
                  SliverFixedExtentList(
                    itemExtent: 50.0,
                    delegate: SliverChildBuilderDelegate(
                      childCount: 100,
                      (BuildContext context, int index) {
                        return Container(
                          alignment: Alignment.center,
                          color: Color.lerp(
                              Color.lerp(Colors.lightBlue, Colors.limeAccent,
                                  valueFromIndex(index)),
                              Color.lerp(Colors.lightGreen, Colors.redAccent,
                                  valueFromIndex(index)),
                              valueFromIndex(gridIndex)),
                          child: Text('List Item $index'),
                        );
                      },
                    ),
                  ),
                ],
              )),
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2,
          ),
        ),
      ),
    ));
  }

  double valueFromIndex(int index) =>
      ((index ~/ 9) & 1) == 0 ? (index % 9) * 0.1 : 1 - (index % 9) * 0.1;
}


```

</details>


### Screenshots or Video

<details>
<summary>Screenshots / Video demonstration</summary>

https://user-images.githubusercontent.com/259671/231665032-44b9e865-fa6a-43a9-9373-3077aefe5592.mp4




</details>


### Logs

<details><summary>Logs</summary>

```console
[Paste your logs here]
```

</details>


### Flutter Doctor output

<details><summary>Doctor output</summary>

```console

[✓] Flutter (Channel stable, 3.7.10, on macOS 13.2.1 22D68 darwin-arm64, locale en-FR)
    • Flutter version 3.7.10 on channel stable at /Users/renanyoy/code/sdk/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 4b12645012 (9 days ago), 2023-04-03 17:46:48 -0700
    • Engine revision ec975089ac
    • Dart version 2.19.6
    • DevTools version 2.20.1

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/renanyoy/Library/Android/sdk
    • Platform android-33, build-tools 30.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14E222b
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)

[✓] VS Code (version 1.77.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.62.0

[✓] Connected device (3 available)
    • IPhone14.renan (mobile) • 00008120-0009582C2100C01E • ios            • iOS 16.3.1 20D67
    • macOS (desktop)         • macos                     • darwin-arm64   • macOS 13.2.1 22D68 darwin-arm64
    • Chrome (web)            • chrome                    • web-javascript • Google Chrome 111.0.5563.146
    ! Device 902149303267 is not authorized.
      You might need to check your device for an authorization dialog.

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

```

</details>