Skip to main content
Participant
January 13, 2018
Answered

How to change the appearnace of scroll bars inside a page

  • January 13, 2018
  • 2 replies
  • 904 views

Is there a feature on Dreamweaver which allows me to streamline the appearance of a clumsy looking scroll bar inside a page? I am not talking about the scrolls on the edge of a webpage but those within the page.

    This topic has been closed for replies.
    Correct answer thatsmauri

    Hi thenameofthecatisnotknown,

    you could use some CSS to style them:
    » How To Create a Custom Scrollbar

    » CSS3 - Webkit - Vertical Scrollbars | CSSDeck

    » scrollbar | CSS-Tricks

    Note: Firefox and IE/Edge won't like them.

    Best Regards,
    Maurice

    2 replies

    thatsmauri
    Community Expert
    thatsmauriCommunity ExpertCorrect answer
    Community Expert
    January 14, 2018

    Hi thenameofthecatisnotknown,

    you could use some CSS to style them:
    » How To Create a Custom Scrollbar

    » CSS3 - Webkit - Vertical Scrollbars | CSSDeck

    » scrollbar | CSS-Tricks

    Note: Firefox and IE/Edge won't like them.

    Best Regards,
    Maurice

    Nancy OShea
    Community Expert
    Community Expert
    January 14, 2018

    IMO, styling scrollbars with CSS is right up there with spitting into the wind -- an unproductive endeavor.

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Legend
    January 14, 2018

    https://forums.adobe.com/people/Nancy+OShea  wrote

    IMO, styling scrollbars with CSS is right up there with spitting into the wind -- an unproductive endeavor.

    Nancy

    I dont think there is any place for scrollbars in the professional developers world these day. Show/hide text has taken its place using javascript or css which looks less obtrusive in my opinion, so I'll leave the amatuers to roll out the scroll bars if thats what they want to do.

    Nancy OShea
    Community Expert
    Community Expert
    January 13, 2018

    No.  Scrollbar appearance varies by the browser you use.  In general, extra scrollbars are not mobile friendly and should be avoided.   Removing the height properties from your CSS code will take away the clumsy extra scrollbars.

    Nancy

    Nancy O'Shea— Product User & Community Expert