Frontend>Questions

Svelte reset sidebar scroll to top when content changes

david-j-m

david-j-m

Svelte reset sidebar scroll to top when content changes

Hi, have a svelte spa gallery site - repl here. Have a couple of category buttons - Oil on Canvas and WaterColor… Sidebar contains all images in category. When category changes the sidebar content changes accordingly, problem is the scroll position (of sidebar) doesn’t reset to top - first image,
How can I fix this? Any help greatly appreciated.

View thread on forum
#reset-sidebar-content
1 1036 0

Where Next?

View thread on forum
reset-sidebar-content
Home Frontend>Questions
#reset-sidebar-content
1 1036 0
Last post

Popular Frontend topics Top

dasdom
Frontend>Questions

What are the main reasons to use a CSS framework?
#css-frameworks
6 1069 1
New
Sally_san
Frontend>Questions

Where do i learn the skills to create this
So I’ve got a client that wants to build a site like this: Specifically 3 things from the website: The fullscreen sections that chang...
#question#help-needed
23 1262 8
New
ClaudiaGiv
Frontend>Questions

Using GoTrue library in Sveltekit gives this error at build time: GoTrue is not a constructor
I have a sveltekit project that is using GoTrue library for authentication. In development mode (npm run dev) everything works but when I...
/svelte#vite#sveltekit#gotrue
2 1719 0
New
Zuber
Frontend>Questions

How to make a website where users can create a novel?
How to make a website like webnovel and wattpadd where subscribers and logged in user post stories like their own Novel in a website and ...
#question#opinions
4 1307 1
New
The_Exile
Frontend>Questions

Need A Lot of Assistance From An Actual js Dev
I am new to programming. I started reading Eloquent Javascript 3rd Edition, as the book comes highly recommended as a good place for beg...
/js
53 2673 18
New
AlessandroDsgroup
Frontend>Questions

401 error connecting to the websocket with livekit
Hi to everyone, we are experiencing a 401 error related to the connection of the websocket (in reference to our web app); we are unable ...
#video#video-streaming#livekit
1 1992 0
New
tomcatttttt
Frontend>Questions

Trying to get a seamless online game through the HTML5 API - it works in all browsers except Google Chrome.
I’m trying to take the API from the site to get a seamless online game through the HTML5 API. It works in all browsers except Google Chro...
#gaming#html5
1 1067 0
New
harwind
Frontend>Questions

CSS Flexbox Alignment Issue: Items Not Centering Horizontally
I’m currently working on a front-end development project and I’m facing an issue with aligning items using CSS Flexbox. I want to horizon...
#question
1 715 0
New
grboi
Frontend>Questions

Which scales better NodeJS or Django?
I am learning full-stack and wanted to know which tech would be best, which would scale better. This is because when sitting for intervie...
/django/flask/nodejs
0 0 0
New
Benjamin-Philip
Frontend>Questions

How do you learn UI and UX design?
I’m curious about designing some websites and applications for personal (and potentially public via open sourcing) use. I’m an experience...
#design
5 846 8
New

Other popular topics Top

dasdom
General Dev>Dev Chat

Standing Desks
No chair. I have a standing desk. This post was split into a dedicated thread from our thread about chairs :slight_smile:
#workspace#opinions
177 9886 77
New
AstonJ
General Dev>Code Editors

Poll: Which code editor do you use?
You might be thinking we should just ask who’s not using VSCode :joy: however there are some new additions in the space that might give V...
#community#polls/vim/emacs#code-editors/vscode#notepad/sublime-text#atom/textmate#codespaces#brackets/onivim#geany
121 5796 61
New
PragmaticBookshelf
Game Dev>Learning Resources

Hands-on Rust: Effective Learning through 2D Game Development and Play
Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
pragprog.com
#pragprog/rust#published-book/book-hands-on-rust
117 10879 30
New
PragmaticBookshelf
Backend>Learning Resources

Programming Phoenix LiveView
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
pragprog.com
#pragprog/elixir/phoenix#published-book/book-programming-phoenix-liveview
83 11955 26
New
Margaret
General Dev>Dev Chat

PragProg’s Medium Posts
Hello everyone! This thread is to tell you about what authors from The Pragmatic Bookshelf are writing on Medium.
#pragprog#blog-post
1147 29994 760
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 7
Rails 7 completely redefines what it means to produce fantastic user experiences and provides a way to achieve all the benefits of single...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-7
32 6600 9
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: VM Brasseur (Author) Interview and AMA!
Author Spotlight: VM Brasseur @vmbrasseur We have a treat for you today! We turn the spotlight onto Open Source as we sit down with V...
#author-spotlight/book-forge-your-future-with-open-source
16 5051 11
New
PragmaticBookshelf
Backend>Learning Resources

Ash Framework
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
pragprog.com
#pragprog/elixir#published-book/ash/book-ash-framework
15 7555 9
New
AstonJ
AI>Chat

How to: Run DeepSeek on Mac, Windows, and Linux!
This is a very quick guide, you just need to: Download LM Studio: https://lmstudio.ai/ Click on search Type DeepSeek, then select the o...
#macs/deepseek#guides#lm-studio
14 9328 10
New
PragmaticBookshelf
Backend>Learning Resources

MySQL 9 Essentials
A concise guide to MySQL 9 database administration, covering fundamental concepts, techniques, and best practices. Neil Smyth MySQL...
pragprog.com
#pragprog#published-book/mysql/book-mysql-9-essentials
2 4162 0
New
Back to top

Sponsor Spotlight

Manning

Develop your skills with books, videos, and courses.

Frontend>Questions

Frontend Questions ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap