DEV Community

Visual Studio Code's New Editor Sticky Scroll Feature - Never Get Lost In The Code Again!😍

ByteHide on August 18, 2022

Finally came what many of us were not waiting for but wishing for! (like the song that nobody expected but everybody needed it). Who is not tired o...

Read full post

Eduard Tolosa • Aug 19 '22

Hi. There's a typo in

If you are wondering how to enable it, you simply need to enable the editor.experimental.StikyScroll.enabled and you are done!

StikyScroll → StickyScroll

Thanks for the great post!

Christophe Colombier • Aug 18 '22

Already posted here

VS Code Tip of the Week: Sticky Scroll

Nick Taylor for VS Code Tips ・ Aug 11 ・ 1 min read

#vscode #vscodetips

This article got some audience last week. But your article is very interesting as you used screen shot and gif. Thanks

Sami • Aug 21 '22

Yeah, it is all about marketing

Sidharth sahni • Aug 19 '22

laughs in nvim, already had it

Michael Amachree • Aug 20 '22

Vim users 🙄

Jonas De Kegel • Aug 22 '22

I was just wondering as I'm considering it as my hobby IDE for a while, good to know!

Sidharth sahni • Aug 22 '22

if youre starting you'll have to configure lot's, use somebody else's config, i liked configs of
youtube.com/c/ThePrimeagen
youtube.com/channel/UC7yZ6keOGsvER...

Jonas De Kegel • Aug 23 '22

Well aware, but thanks for the extra heads-up & resources!

Muhammad Harith Zainudin • Aug 21 '22

😂😂😂😂

patake • Dec 1 '22

NetBeans too, for decades.... :-D

Luke Bodwell • Aug 19 '22

While I agree that in an ideal world no function should have a body large enough to warrant use of this feature, the reality is that that's not always the case. Especially at work, I find myself dealing with codebases all the time that don't follow this rule very well, where I'd absolutely appreciate the benefits of sticky scroll.

Dimitar Bogdanov • Aug 21 '22

Besides, sometimes your function is just only calling other functions and passing around the return values. I'd rather have 1 larger function than split it up 3 different functions which all just call more functions, it'll just take more time. Comments can easily solve that issue, imo.

Saulo Dias • Aug 19 '22

It does seem like a cool feature, but I'd rather not fix what isn't broken. I might change my mind in the future, but for now I'm happy with the VS Code interface and behavior. I do hope that even with new features they never change the UI philosophy. I have even gone through the hassle of setting up all the command line automation environment for building and deploying an Android Kotlin project through VS Code just because I can't get used to other GUIs, specifically Android Studio's.

Diona Rodrigues • Oct 31 '22 • Edited

Thanks for the article. My VSCode version is 1.72 and here the property name is slight different (it seems it's not experimental anymore =D): "editor.stickyScroll.enabled": true.

Antony Bash • Aug 20 '22

Some moment not work, like this:

const MyComponent = props => {
  const myCallback = values => {
  }

  const getSomeValue = value => {
  }
}

Deri Kurniawan • Aug 26 '22 • Edited

Unfortunately It's not working when use arrow function. Only work for function and class so far

Noitidart • Aug 20 '22

I need it sticky on the if statements too.

B(ritta)ny • Aug 21 '22

☕️☕️☕️-☕️☕️☕️☕️☕️ a day 😂. I use my Pret coffee subscription to its fullest potential! Also I’m so happy about this feature. Sometimes scrolling long code gives me a headache so this really helps compartmentalize everything.

tamusjroyce • Aug 19 '22

Will this be controlled by scroll lock? This is an ancient feature.

And when might they bring back ctrl+click actually going to code by default?

I love additional features. Just don’t remove the original.

tamusjroyce • Aug 19 '22

☕️☕️☕️☕️ - double shot expresso. Some days I make coffee for triple doses :) Right on!

Comment hidden by post author - thread only accessible via permalink

EileenWynn • Aug 25 '22

What does Ctrl F5 do in VS Code ? دعاء رد الحبيب بعد الفراق

Lalnuntluanga • Aug 20 '22

I use hyper scrolling mouse like Logitech mouse. They are great for this purpose

vishve • Aug 19 '22

Sattings > experimental > sticky scroll > enabled. Seems nice , I expected more, a quick fold for every loop and Function or a class would be an added advantage. And yes, I read to the completion for these are not plain bogus stories but informative ones.

Kudos, keep writing more be crisp and informative.

Avinash Vagh • Aug 23 '22

It's super useful

Walter Wan • Aug 22 '22

Is it a typo?
editor.experimental.stickyScroll.enabled
instead of editor.experimental.StikyScroll.enabled

Osoraa • Aug 22 '22

☕☕

Arun Agnihotri • Aug 22 '22

Thanks for this great post!!!

Jenuel Oras Ganawed • Aug 21 '22

☕ times a day for me,, I just drunk ☕☕ yesterday, don't drink too much bro, do drink water too. Too much coffee can lead to kidney stone I think.

Lilou • Aug 21 '22

☕☕☕☕☕

lidiaaadotnet • Aug 18 '22

In lovee with this feature❤

Warrior Ozzo • Mar 4

I feel disoriented, so I disable this feature.

jamesbomb • Sep 7 '23

now it's:
"editor.stickyScroll.enabled": true,

Zsolt Gulyas • Dec 13 '22

☕☕☕☕

Flux • Nov 25 '22 • Edited

Getting excited on how vscode teams will handle if there is a ton of nested scope

Stefano Canepa • Sep 2 '22

☕☕☕☕

Shelby Anne • Sep 1 '22

☕☕☕

Sérgio Berlotto Jr • Sep 1 '22

Oh my god! This is perfect! Thanks for this tip!

Coder-sam-007 • Sep 1 '22

it is pretty useful but it is not working on arrow functions

Rick Schultz • Aug 31 '22

It´s just perfect! 😍

Andrew Baisden • Aug 28 '22

Another great feature to try out.

Blessing Samuel • Aug 26 '22

This is so cool

Yongchang He • Aug 25 '22

Thank you for sharing this!

Dominik • Aug 24 '22

☕☕

Jesús • Aug 19 '22

No drink ☕😔

Banky • Aug 19 '22

I had tea! 🍵

Matheus Eduardo Silva Guimarães • Aug 19 '22

5 ☕ 😉

Shobhit Asati • Aug 19 '22

It's not that good!!
I have @api_view(['GET']) at the top of my function, so it is sticking on that!!
Maybe they should do some checks for lexemes like, def or class to stick it up there,...!!😛

Rezan92 • Aug 19 '22

☕️☕️

Mohammed Amjad • Aug 19 '22

Its useful feature and I like it💙
Thanks for sharing

Hardeep Kumar • Aug 19 '22

What's a coffee? 🤔

rdx789 • Aug 19 '22

5cups of cofi

Wilmela • Aug 19 '22

I barely drink coffee lol. Thanks for the info, I will check it out.

Ron Regan • Aug 19 '22

☕☕🫖

JohnYepthomi • Aug 18 '22

Cool feature. Yes, we can decompose but how do we get there? Sticky scroll to the rescue. Don't want to decompose? Sticky scroll to the rescue. 😀 It's a win win 👍

Wade Zimmerman • Aug 18 '22

If you want to get this to work with PHP you have to install the PHP IntelliSense plugin.

Yongchang He • Aug 18 '22

Loving this and thank you for sharing.

Deepak Yadav • Aug 21 '22

Thanks for writing this, this is much useful 🎉

Deepak Yadav • Aug 21 '22

Thanks for this amazing post 🎉

Xapuu • Aug 21 '22

☕☕☕ to ☕☕☕☕☕ , nice I will definetly try this out

Jeramy Singleton • Aug 21 '22

Anyone know what theme this is?

Ambush3 • Aug 21 '22

Thanks for sharing this! I had to install it right away. It's very nice!

Fabricio Scaglioni • Aug 20 '22

☕☕☕

Antonio Vergari • Aug 20 '22

I don't drink ☕ sorry 😅 but thanks for your post

Jean Claude Nzabanterura • Aug 20 '22

☕☕☕

Gulshan Aggarwal • Aug 20 '22

It's just awesome😘

nikhil0162 • Aug 20 '22

Thanks for this post

Michael Amachree • Aug 20 '22

☕🚱 I don't drink coffee because I believe it is bad for your health and intellect; yet, I don't want to sound discouraging.
Thank you for this VS Code hack(if we can call it that).

Hossein Amirkhalili • Aug 19 '22

☕

mojdeeeeeh • Aug 21 '22

☕

Michał • Aug 19 '22

☕☕☕☕☕

Jeff • Aug 19 '22

IDE jetbrains 😐

Jeff • Aug 19 '22

☕ ☕

Ace Hood • Aug 21 '22

Hi. I think it's a cool feature.
However what about arrow functions in JavaScript?
It's not working for arrow functions.

Nuri Ensing • Aug 22 '22

Useful feature. Thanks for the post!

Aleksander Chromik • Aug 18 '22

☕️☕️☕️☕️

Ivo Pionna • Aug 19 '22

Thanks for the article and you usually drink ☕️☕️☕️☕️☕️☕️ in the morning alone.... 👍

mohammad • Aug 20 '22 • Edited

it wasn't something that I expected.
I wish we can specify a certain piece of code and then it sticks on top of the editor and it doesn't matter in which file we are and it still sticks

Karolis • Mar 26 • Edited

This is awful. The worst part is that this "feature" is enabled by default now. When I first saw it I though it was some rendering bug within the IDE.