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;
Related
I have a single web page that has an annoying visible scroll bar. I want to get rid of the scroll bar when the website is at full screen. I've tried using overflow-y:hidden; but the problem with that is when I try to resize the window the navbar pushes all the content down the web page and overflow-y:hidden; makes it impossible to scroll to view the content.
I'm not sure if it's something wrong with my background because I'm not using an image, just a gradient, and I don't want my navbar to overlay the website.
Main page with buttons and content which is have scroll to the page, click on one of the buttons on right side.
Full page cover or half page cover popup open.
After closing popup tried to scroll the page but unable to do it and content hiding behind / white page shows.
expecting screen 1 as its with scrolling.
You can try this CSS:
body{
-webkit-overflow-scrolling: touch;
}
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 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;
I've got an iframe on my page linking to another page. That one contains a div with a fixed height and overflow:scroll, which works just fine--but when I keep scrolling with the mouse or pad, it scrolls down to the end of the div and then starts to scroll the page--which is annoying.
How can I disable full page scrolling when the mouse is hovering over that div/ the whole iframe?
Thanks!
You can set body {position:fixed} when hovering and then return that to body {position: static;}