I have a small issue trying to keep my .html pages at a consistent width on Chrome, For example I have a page (1) with lots of contents that overflows the viewport’s (right word?) height, so there’s a vertical scroll-bar on that page (1). On page (2) i have the same layout (menus, divs,…etc) but … Read more
Is there a way to add a horizontal scrollbar to an HTML table? I actually need it to be scrollable both vertically and horizontally depending on how the table grows but I cannot get either scrollbar to appear. 17 Answers 17
I have this div: <div style=”overflow:scroll; width:400px;height:400px;”>here is some text</div> The scrollbars are always visible, even though the text does not overflow. I want to make the scrollbars only be visible when necessary – that is, only visible when there is enough text in the box that they are needed. Like a textarea does. How … Read more
I have an HTML textarea that is of fixed width, but variable height. I would like to set overflow:scroll and be able to show a vertical scrollbar, but not a horizontal one. I am not able to use overflow:auto due to other things specific to my situation. I know there is no way using CSS2 … Read more
Is it possible to check the overflow:auto of a div? For example: HTML <div id=”my_div” style=”width: 100px; height:100px; overflow:auto;” class=”my_class”> * content </div> JQUERY $(‘.my_class’).live(‘hover’, function (event) { if (event.type == ‘mouseenter’) { if( … if scrollbar visible ? … ) { alert(‘true’): } else { alert(‘false’): } } }); Sometimes is the content short … Read more
How can I customize a scroll bar via CSS (Cascading Style Sheets) for one div and not the whole page? 20 Answers 20
I have a TextBlock in WPF. I write many lines to it, far exceeding its vertical height. I expected a vertical scroll bar to appear automatically when that happens, but it didn’t. I tried to look for a scroll bar property in the Properties pane, but could not find one. How can I make vertical … Read more
I want to customize a scrollbar with CSS. I use this WebKit CSS code, which works well for Safari and Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #c2d2e4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0a4c95; } How can I do the same thing in Firefox? I know I can easily do … Read more
This question already has answers here: Adjust width and height of iframe to fit with content in it (34 answers) Closed 5 years ago. For example: <iframe name=”Stack” src=”http://stackoverflow.com/” width=”740″ frameborder=”0″ scrolling=”no” id=”iframe”> … </iframe> I want it to be able to adjust its height according to the contents inside it, without using scroll. 17 … Read more
Can CSS be used to hide the scroll bar? How would you do this? 22 s 22 WebKit supports scrollbar pseudo elements that can be hidden with standard CSS rules: #element::-webkit-scrollbar { display: none; } If you want all scrollbars hidden, use ::-webkit-scrollbar { display: none; } I’m not sure about restoring – this did … Read more
