DEV Community

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

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...
Collapse
 
edu4rdshl profile image
Eduard Tolosa

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!

StikyScrollStickyScroll

Thanks for the great post!

Collapse
 
ccoveille profile image
Christophe Colombier

Already posted here

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

Collapse
 
sami_hd profile image
Sami

Yeah, it is all about marketing

Collapse
 
deevosage profile image
Sidharth sahni

laughs in nvim, already had it

Collapse
 
dev_michael profile image
Michael Amachree

Vim users 🙄

Collapse
 
jlsjonas profile image
Jonas De Kegel

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

Collapse
 
deevosage profile image
Sidharth sahni

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...

Thread Thread
 
jlsjonas profile image
Jonas De Kegel

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

Collapse
 
harithzainudin profile image
Muhammad Harith Zainudin

😂😂😂😂

Collapse
 
patake profile image
patake

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

Collapse
 
lbodwell profile image
Luke Bodwell

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.

Collapse
 
dimitarbogdanov profile image
Dimitar Bogdanov

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.

Collapse
 
saulodias profile image
Saulo Dias

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.

Collapse
 
dionarodrigues profile image
Diona Rodrigues • 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.

Collapse
 
anatooly profile image
Antony Bash

Some moment not work, like this:

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

  const getSomeValue = value => {
  }
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
deri_kurniawan profile image
Deri Kurniawan • Edited

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

Collapse
 
noitidart profile image
Noitidart

I need it sticky on the if statements too.

Collapse
 
b_ritta_ny profile image
B(ritta)ny

☕️☕️☕️-☕️☕️☕️☕️☕️ 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.

Collapse
 
tamusjroyce profile image
tamusjroyce

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.

Collapse
 
tamusjroyce profile image
tamusjroyce

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

Collapse
 
eileenwynn profile image
Info Comment hidden by post author - thread only accessible via permalink
EileenWynn

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

Collapse
 
tluanga34 profile image
Lalnuntluanga

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

Collapse
 
vishve profile image
vishve

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.

Collapse
 
avinashvagh profile image
Avinash Vagh

It's super useful

Collapse
 
walterhwan profile image
Walter Wan

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

Collapse
 
osoraa profile image
Osoraa

☕☕

Collapse
 
arunagnihotri profile image
Arun Agnihotri

Thanks for this great post!!!

Collapse
 
jenueldev profile image
Jenuel Oras Ganawed

☕ 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.

Collapse
 
lilou34 profile image
Lilou

☕☕☕☕☕

Collapse
 
lidiaaadotnet profile image
lidiaaadotnet

In lovee with this feature❤

Collapse
 
ozzo profile image
Warrior Ozzo

I feel disoriented, so I disable this feature.

Collapse
 
jamesbomb profile image
jamesbomb

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

Collapse
 
webpreneur profile image
Zsolt Gulyas

☕☕☕☕

Collapse
 
flux profile image
Flux • Edited

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

Collapse
 
scanepa profile image
Stefano Canepa

☕☕☕☕

Collapse
 
q118 profile image
Shelby Anne

☕☕☕

Collapse
 
sergioberlotto profile image
Sérgio Berlotto Jr

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

Collapse
 
sameer_jain_007 profile image
Coder-sam-007

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

Collapse
 
rickschultz profile image
Rick Schultz

It´s just perfect! 😍

Collapse
 
andrewbaisden profile image
Andrew Baisden

Another great feature to try out.

Collapse
 
dicethedev profile image
Blessing Samuel

This is so cool

Collapse
 
yongchanghe profile image
Yongchang He

Thank you for sharing this!

Collapse
 
dominik_alberski profile image
Dominik

☕☕

Collapse
 
jgabrielbanda profile image
Jesús

No drink ☕😔

Collapse
 
_banky profile image
Banky

I had tea! 🍵

Collapse
 
matheuseduardo profile image
Matheus Eduardo Silva Guimarães

5 ☕ 😉

Collapse
 
tafri profile image
Shobhit Asati

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,...!!😛

Collapse
 
rezan92 profile image
Rezan92

☕️☕️

Collapse
 
amjad28 profile image
Mohammed Amjad

Its useful feature and I like it💙
Thanks for sharing

Collapse
 
wrench1815 profile image
Hardeep Kumar

What's a coffee? 🤔

Collapse
 
rdx789 profile image
rdx789

5cups of cofi

Collapse
 
wilmela profile image
Wilmela

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

Collapse
 
rreganjr profile image
Ron Regan

☕☕🫖

Collapse
 
johnyepthomi profile image
JohnYepthomi

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 👍

Collapse
 
wadecodez profile image
Wade Zimmerman

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

Collapse
 
yongchanghe profile image
Yongchang He

Loving this and thank you for sharing.

Collapse
 
deepakydv9315 profile image
Deepak Yadav

Thanks for writing this, this is much useful 🎉

Collapse
 
deepakydv9315 profile image
Deepak Yadav

Thanks for this amazing post 🎉

Collapse
 
xapuu profile image
Xapuu

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

Collapse
 
jeramyrr profile image
Jeramy Singleton

Anyone know what theme this is?

Image description

Collapse
 
ambush3 profile image
Ambush3

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

Collapse
 
fgscaglioni profile image
Fabricio Scaglioni

☕☕☕

Collapse
 
wonrey profile image
Antonio Vergari

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

Collapse
 
nzabajp profile image
Jean Claude Nzabanterura

☕☕☕

Collapse
 
gulshanaggarwal profile image
Gulshan Aggarwal

It's just awesome😘

Collapse
 
nikhil0162 profile image
nikhil0162

Thanks for this post

Collapse
 
dev_michael profile image
Michael Amachree

☕🚱 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).

Collapse
 
amihos profile image
Hossein Amirkhalili

Collapse
 
mojdeeeeeh profile image
mojdeeeeeh

Collapse
 
mpiatkowskidev profile image
Michał

☕☕☕☕☕

Collapse
 
jefferson5286 profile image
Jeff

IDE jetbrains 😐

Collapse
 
jefferson5286 profile image
Jeff

☕ ☕

Collapse
 
acehood0126 profile image
Ace Hood

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

Collapse
 
nuri profile image
Nuri Ensing

Useful feature. Thanks for the post!

Collapse
 
achromik profile image
Aleksander Chromik

☕️☕️☕️☕️

Collapse
 
iltype profile image
Ivo Pionna

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

Collapse
 
mohammadrz003 profile image
mohammad • 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

Collapse
 
eoic profile image
Karolis • 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.

Collapse
 
n0m3n profile image
Ben Gnomino

☕☕☕☕☕☕ a six cups moka per day :P

Collapse
 
andresglz01 profile image
AndresGlz01

Wow! looks amazing, I will try it. <3

Collapse
 
7ham0 profile image
Giorgi Shamugia

Idea stolen from Xcode 14 beta 🙃

Some comments have been hidden by the post's author - find out more