I an using joomla, in my page I want to add horizontal scroll bar I am getting vertical scroll bar properly. this is my web Page screen shot
the inside portion is coming as iframe
I want to put horizontal scroll forcefully
You have to add the css
body {overflow-x: scroll;}
or overflow-y for the element that you want to give the scroll bar to.
In your code screen.css, line no. 1; overflow-x:hidden.
Make
overflow-x:scroll;
Related
I am displaying some content via a pop-up and I want to disable the background scroll. What is a good way to do this via CSS?
You can use the CSS property overflow to show or hide scroll bars.
overflow-x -> Horizontal scroll bar
overflow-y -> vertical scroll bar
overflow-y: hidden; // hides vertical scroll bar
Please refer the documentation in w3School https://www.w3schools.com/css/css_overflow.asp
I have a page that, when loading, displays a vertical scroll bar that disappears once the page has finished loading. Is there any way to trace this?
Use Overflow:hidden on your maindiv.
Means just make body style overflow-y:hidden
and on hover on body just change the style to overflow-y:scroll;
I'd like to add a horizontal scroll to a bootstrap page. Currently the way it is set up is to have the user scroll all the way to the bottom of the page the page and then use the horizontal scroll. I'd like to have it set up so the scroll is always visible. I have recreated the issue in jsfiddle.
Js-Fiddle
<table class="table">
If you still want it to be like this but this is not hte proper thing to do in bootstrap add the following css property
.container{
overflow:scroll;
position:absolute;
}
https://jsfiddle.net/Siddharth_Pandey/5usukas1/
You are using table-responsive that's why the scroll is moving to the bottom of the page just remove the responsive from all thought your design will change little bit but you can set it with css jsfiddle.net/Siddharth_Pandey/5usukas1
I'm developing responsive web site for small devices. I need to show popup (pure div) and make possible vertical scroll due large content. But instead scrolling my popup main page scrolled.
My question is how could I disable main page scroll and scroll only popup?
You can set height of your .popup and then set overflow to auto
.popup{
height:50px;
overflow:auto;
}
Now, if your popup has a large contents that doesn't fit in 50 pixels by height and you'll scroll on it, contents in popup will be scrolled instead of whole document contents.
I have a page, but I can't see part of my page, because dthe Horizontal scroll don't appear. The vertical scroll is ok.
How can I put the horizontal scroll in my page ?
I tried CSS overflow-x:scroll but doens't work.