TopAppBarのScrollBehaviorとPullToRefreshBoxの競合とその回避 qiita.com/Nabe1216/items/d35… #Qiita
10
573
【bitA Tech Blog Advent Calendar 18日目🎄】
Nuxt製SPAで、ページ遷移後に前ページのスクロール位置が引き継がれる問題を調査しました。
本記事では
・windowではなく特定DOM（.main-content）をスクロール主体にしている構成で起きる理由
・ページ遷移時に要素が再生成されず、DOMが再利用される仕組み
・app/router.options.ts の scrollBehavior で scrollTop を明示的にリセットする解決策
・検証として、key属性で要素を破棄・再生成した場合の挙動比較
を整理しています。
「なぜ起きるのか」「どう直すのが安全か」を切り分けて解説しているので、Nuxt / Vue Routerで要素スクロールを使っている方の参考になるはずです。ぜひご一読ください！
zenn.dev/bita/articles/1e987…
1
4
238
2 Jan 2025
Probably needs a ScrollConfiguration widget somewhere up in the tree with ScrollBehavior dragDevices: {PointerDeviceKind.mouse/touch} added.
1
9
1,087
28 Aug 2024
\\ Responsive Framework v1.5.1
- New MaxWidthBox implementation that only uses constraints for setting max width.
- Create NoScrollBarBehavior.
- Update ScrollBehavior to inherit default behavior.
github.com/Codelessly/Respon…
1
23
991
16 Jul 2024
⚡ Vuetify v3.6.13 is live!
🧭 VAppBar: Updated scrollBehavior type for fully-hide
📌 VBtn: Improved stacked and block props compatibility
📊 VDataTable: Enhanced sorting with item.raw and columns
💾 VField: Reverted center-affix sets singleLine only if null
🔢 VOtpInput: Slice value with length on paste
Full release notes here: vuetifyjs.com/getting-starte…
6
44
2,954
14 Feb 2024
Did you know that you can add the "scrollBehavior" property to the "BottomAppBar" component in Jetpack Compose?
Notes:
• This feature is available in "Material 3" version 1.2.0.
• Don't forget to apply the "nestedScroll" property to Scaffold.
#AndroidDev #JetpackCompose
3
10
93
3,685
11 Dec 2023
I usually add them back in MaterialApp scrollBehavior. Add e.g. this `scrollBehavior: const AppScrollBehavior(),` to `MaterialApp`, or wrap a sub-tree with ScrollConfiguration and this behavior.
2
3
195
5 Sep 2023
I just found the issue for anyone wondering! I have already set the scrollBehavior() to top in my router file which seems to override my custom scrollTo position onMounted()🤦
2
144
7 Aug 2023
scrollBehaviorを省略したときのデフォルト値であるMaterialScrollBehaviorをcopyWith()してphysicsだけ差し替える方法も使えると思います。
scrollBehavior: const MaterialScrollBehavior().copyWith(physics: const BouncingScrollPhysics())
1
2
137
23 Jun 2023
vueでscrollBehaviorが一生効かなくて、router.afterEachで力技で解決した
chatGPT先生に聞いても原因わからず
なんで効いてくれないん…😂
3
47
scrollBehavior って入るのかしら。互換性をサポートするなら入った方がいいんだろうなあ。
github.com/nuxt/framework/pu…
1
2
1 Apr 2022
Pro Tip: AndroidOverscrollIndicator.stretch ift.tt/LqXkE8N
If you want your app's overscroll effect to be like Android 12's new stretch effect, all you have to do is add this code block directly inside your MaterialApp (not inside Theme):
scrollBehavior: const Scroll…
2
6 Feb 2022
My little jsfiddle says `scrollBehavior smooth` is supported in Safari Technology Preview Release 139 (Safari 15.4), but not in Safari 15.3.
jsfiddle.net/terrymorse/Lcfo…
2
7 Nov 2021
[Day262] #100DaysOfCode
🍪 today's Vue menu:
- multi-router view
- Route navigation, query parameters
- Redirect pages
- adding animation to route transitions
- sending hash fragment and controlled with scrollBehavior
- Guard Hook functions
- Loading components with lazy load
1
5
27 Oct 2021
Safari Technology Preview 134 just dropped: developer.apple.com/safari/d…
• appearance property (unprefixing -webkit-appearance)
• more Cascade Layers
• ScrollBehavior & scroll-behavior
• <dialog> ::backdrop
• BroadcastChannel
• Storage API
& much more! webkit.org/blog/12033/releas…
16
44
221
Another yes!
Add support for ScrollOptions' ScrollBehavior and CSS scroll-behavior properties RESOLVED FIXED
bugs.webkit.org/show_bug.cgi…
Thanks @smfr !
2
30 Sep 2021
If you use @Cypress_io and have sticky bars, you will notice that some elements cannot be reached.
Workaround it by adding on your cypress config 👇
`"scrollBehavior": "center"`.
⚠️ This could affect your existing tests #100DaysOfCode #frontend
github.com/cypress-io/cypres…
1
