Question 242032 in Html Question posted in
Some basic documentation can be found here.

Html – Horizontal scrollbar always visible

I have a very high div on my website that also needs to be scrolled horizontally.

.scrollcontainer{
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    text-align:left; 
    width:fit-content; 
    max-width:90%; 
    min-width:70%; 
    display: inline-block; 
    vertical-align:top;
    height:75vh;
}

Is there a way to make horizontall scrollbar in a fixed position at the bottom of the website so no matter where the user is height-wise, they can also use horizontal scroll?

Tried styling the scrollbar by using webkit tools, but when i set it to position:fixed it made the scrollbar invisible (still working, just invisible).

Tags:

2

Answers


  1. 0

    can you put the code in your question?
    then i can look for myself and answer your Question.

    Login or Signup to reply.
  2. 0

    I think it’s because of the overflow-x property. According to MDN, the property "sets what shows when content overflows a block-level element’s left and right edges", which depending on the setting could cause scrollbars to appear.

    I think you want to set that property to hidden or clip.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search