jquery ui dialog scroll bars - html

Im using the jquery UI Dialog. (modal)
In Firefox and Chrome it looks fine. in IE8 scroll bars appear.
how can i remove them?

setting overflow:none on the dialog fixed it.

Because of small rendering differences, IE usually needs a little more space. Increase width/height a little bit and see, if the scrollbars disappear.

Related

Firefox does not reserve space for scrollbar

I ran into a following issue. I have a popup dialog with a scrollbar. In Google Chrome it has space reserved for a scrollbar. However, Firefox does not reserve any space for a scrollbar, so when it appears, it can overlap content (see screenshots). Probably it is somehow related with the fact, that firefox hides scrollbar unless you hover scrollable area. Could you suggest any solution to make firefox reserve space for scrollbar the same way as Chrome do?
Screenshot in Firefox
Screenshot in Chrome
Really great question! Unfortunately, As far as I'm aware, there is no simple solution to this problem. I would recommend creating a design that looks good with or without the space differences that the scrollbar creates.
But if you are dead-set on creating a more versatile solution, you could change the scrollbar using Javascript/Jquery (See this answer:Custom CSS Scrollbar for Firefox), or you could try and detect the browser, and accommodate extra padding for elements with scrollbars for users using Firefox(See this answer: How to detect Safari, Chrome, IE, Firefox and Opera browsers?)

Scrollable elements slow in Firefox

I've noticed that in Firefox, elements set to overflow: scroll or overflow: auto scroll quite a bit slower than the regular page scroll does. If you click on the top left Stack Exchange logo you can see what I mean if you use your mousewheel on the drop-down menu. Is there any solution, besides the about:config setting, to make these elements scroll as fast as the page?
This doesn't seem happen in Chrome, Opera, Safari or IE on Windows as far as I can tell. No idea about Mac, though (glad if someone could check/confirm).
Open Menu->Options->Advanced->General->Under Browsing Uncheck "AutoScrolling"
this should help
you could also uncheck the "Smooth Scrolling" option underneath. It only makes a marginal difference, but a difference nonetheless.
Do you have a smooth scrolling plugin installed on firefox?

scrolling div not scrolling on page load

I've seen a similar question but it's quite different.
I have a div that i want scrollable. It works fine in Chrome and Firefox but doesn't work in Safari. At least it doesn't work when i load the page. I have to resize the window or zoom in/out the page for the scroll to "unlock". This only affects mouse wheel scrolling. The traditional drag scrolling works well.
The test site is here: http://dmd.esad.pt/e512/final/index.html
I solved it with $(window).load function and with help of malihu's jquery custom content scroller but i believe i could just use a simple .load

How do I disable horizontal scrolling on smartphones? (HTML Webview)

I'm working with a webview this time. I've got a strange behaviour here.
The overflow-x is set to hidden, and works just fine on browsers. But when it comes to any mobile device, it doesn't respect the overflow at all.
http://www2.madeinweb.com.br/jobs/adc/prototype/html/
This is the URL of it. If you try to open the menu, it will work as intended. But I can scroll the content I placed left. That doesn't happen on browsers.
I know I can fully disable scrolling with jQuery, but I can't find a proper way to disable just horizontal scrolling.
Any tips over it?
I've managed to tweak it out with touchmove. thanks no one for the answer

Thickbox 3.1 IE8 scrolling problem

Having a slight problem with
http://jquery.com/demo/thickbox/
In IE8, the overlay window doesn't scroll when you scroll down in the browser. So if you click something at the bottom of the browser window, the overlay window pops up but at the top of the screen so you have to scroll back up. This only happens in IE8, all other browsers the overlay window follows. Help? Thanks
I had the same problem, but only when using <frames> or <iframes>. Being unable to correct the problem, along with a few other bugs, I decided switch to using Shadowbox http://www.shadowbox-js.com/. I found it to be ALOT more flexible. Just a suggestion. But as for the IE8 problem you reported, I never encountered the issue in a parent window, just when using frames.