now I have a simple custom pop-up box and its overlay background that covers all the web page behind it (height:100%, width:100%). my question is how can I make the scoll bar only scroll the pop-up box and its background not the page behind them.
Thanks. sorry for my english.
Try to add a css for the pop-up box
overflow:scroll; //for both vertical and horizontal bar
overflow-x:scroll; //for horizontal bar
overflow-y:scroll; //for vertical bar
Here, you can find some help
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.
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;
is any chance to have a scroll bar element that I can move where I want on the page but to link with my scroll box? I have created my scroll box ready but I need a scroll bar that should to be moved on other place on page.
Try jQuery Scrollbar - look at Advanced Scrollbars Demo page - External scrollbar.
If you want to use native browser scrollbar (or do not like custom scrollbars), you will have to use two containers - one with your scrollable content and the second one - with scrollbar that attached to first container. Look at question Attach Horizontal Scrollbar to bottom of window if scrollable div is taller than window
I am using this type of design in my html and now i want that blue part as a scroll_view vertically in dojo. If I do this for blue div , it is not working for me the whole part is scrolling vertically. I want all part constant with blue as scroll view. How to do that in dojo.
you can use dojo scrollable pane in side a view. check out the below link
http://livedocs.dojotoolkit.org/dojox/layout/ScrollPane
if you still do not get it ping me back.
I'm working on this web application that manages a DB.
Everytime I go to this certain page that has a big list, the vertical scroll bar appears on the right side of the browser.
That, however, makes my whole page move to the side by a bit.
It is most noticeable if you look at the horizontal menu bar I have at the top of the page.
Is there anyway to overcome this?
Thank you.
You can enable the scrollbar to always be shown by applying the following to you body: overflow-y:scroll;
body
{
background:#DDDDDD;
overflow-y:scroll;
}