I'm working on this page and I'm trying to get the overflow to allow for horizontal scrolls. I've tried setting the body to hidden and the class "real body" to auto. This doesn't seem to work.
-
Could you please share your code? See Something in my web site or project doesn't work. Can I just paste a link to it?Donald Duck is with Ukraine– Donald Duck is with Ukraine2023-08-13 10:07:54 +00:00Commented Aug 13, 2023 at 10:07
Add a comment
|
3 Answers
you need to wrap your long content div with a position: relative; overflow: auto div.
which i something like this:
.wrapper {
position: relative;
overflow: auto;
}
.content {
position: absolute;
width: 30000px;
}
for a better example, please check http://jsfiddle.net/wXqPv/
3 Comments
Chris - Jr
Plus 1. The reason this works is because of the definite width.
LordDraagon
so setting width to auto should work when the horizontal content is added?
Aluminate
Does this still work now? the demo doesn't work for me
The code below worked for me. Make sure to include it in the parent not the actual element itself.
.parent {
white-space: nowrap;
}
Comments
You can use this code with slide changes of above one:
.wrapper {
position: relative;
width: 200px;
height: 100px;
outline: 1px solid lime;
overflow-x: auto;
}
.longcontent {
position: absolute;
width: auto;
height: 100%;
}
