Click here to Skip to main content
15,119,410 members
Articles / All Topics
Technical Blog
Posted 29 Aug 2017

Tagged as


3 bookmarked

Scrollbars Re-engineered

Rate me:
Please Sign up or sign in to vote.
5.00/5 (14 votes)
29 Aug 2017CPOL2 min read
Scrollbars re-engineered

Scrollbars is an effective tool that novices to advanced users use every day without appreciating its effectiveness and usefulness. Various vendors have evolved its design including its position in an application, workflow with gestures and even visibility. Microsoft had re-engineered its use in Visual Studio that many end-users are not aware of and therefore it seems to be an under-utilized feature.

A typical screen in Visual Studio looks like below with scroll bar on the right to browse through the page up or down.

What many people don’t realize is that you can configure to use your scroll bar more effectively. Right clicking on scrollbar will bring the following context-menu.

Clicking upon the “Scroll Bar Options” will bring up following dialog. You can also get to the same dialog by clicking on Tool->Options also. Under the Behavior section, current setting is set to “Use bar mode for vertical scroll bar”.

Let’s change it to select “Use map mode for vertical scroll bar”. Let’s stick with other options of Source Preview Tooltip as checked with Source Overview set to Off.

Clicking on OK button here will make some adjustments to scroll bar . Most visible change will be that the scroll bar thumb may look a little bigger. However, if you hover mouse over the anywhere in the scroll bar, it will bring up a tooltip that will provide code preview of that area. This is useful in large code files where you can get a quick preview without losing the areas where you are currently working on.

Let’s go back to the scroll box options and see what else it can offer with other settings. Let’s change the Source view to Narrow now.

With this setting, now you get a quick preview of code within the Scroll bar as shown below.

It's certainly not easily readable but that tooltip is still there. You can change the  Source Overview Size. With Medium, the source preview with scroll bar looks as follows:

Whereas with a Wide Source overview, it looks as follows:

May not be most favorite tool for everyone, but at least be aware that this is something available, if needed.

Until next, happy debugging!!

Filed under: CodeProject, General


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Kamran Bilgrami
Canada Canada
Kamran Bilgrami is a seasoned software developer with background in designing mission critical applications for carrier grade telecom networks. More recently he is involved in design & development of real-time biometric based security solutions. His areas of interest include .NET, software security, mathematical modeling and patterns.

He blogs regularly at

Comments and Discussions

GeneralMy vote of 5 Pin
Tokinabo30-Aug-17 3:50
professionalTokinabo30-Aug-17 3:50 
Great tip!
Thanks for sharing Smile | :)
GeneralMy vote of 5 Pin
Gary Wheeler29-Aug-17 7:31
MemberGary Wheeler29-Aug-17 7:31 
GeneralRe: My vote of 5 Pin
Kamran Bilgrami29-Aug-17 8:21
MemberKamran Bilgrami29-Aug-17 8:21 
PraiseExcellent Pin
TheGreatAndPowerfulOz29-Aug-17 7:24
MemberTheGreatAndPowerfulOz29-Aug-17 7:24 
GeneralRe: Excellent Pin
Kamran Bilgrami29-Aug-17 8:20
MemberKamran Bilgrami29-Aug-17 8:20 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.