Avatar for Username

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Scrollbar no longer scrolling, scrolls in IE

  • 2 replies
  • 33 have this problem
  • 2 views
  • Last reply by dakcenturi

dakcenturi
dakcenturi

I'm working on converting a Wordpress template to fix my design. In the process I added a scrollbar via CSS. It was funtioning fine and now it no longer scrolls.

This is only happening in Firefox, other browsers such as IE and Chromo scroll properly.

The site isn't completed yet, but I ran into this issue and can't seem to figure out why Firefox no longer allows it to scroll.

I'm working on converting a Wordpress template to fix my design. In the process I added a scrollbar via CSS. It was funtioning fine and now it no longer scrolls. This is only happening in Firefox, other browsers such as IE and Chromo scroll properly. The site isn't completed yet, but I ran into this issue and can't seem to figure out why Firefox no longer allows it to scroll.

Modified by dakcenturi

Chosen solution

If elements on a page do not respond to mouse clicks then that is always caused to other elements that overlay them and that handle those events. In your case it is the DIV#coreContent that has a float property and a height of 650px and that covers the scroll bar.

You need to add a style="clear:both" to the DIV.pageNav to make it work.

You can use the DOM Inspector to see which element gets focus if you click that part of the page.

DOM Inspector: https://addons.mozilla.org/firefox/addon/6622

Read this answer in context 👍 0

All Replies (2)

cor-el
cor-el
  • Moderator

Chosen Solution

If elements on a page do not respond to mouse clicks then that is always caused to other elements that overlay them and that handle those events. In your case it is the DIV#coreContent that has a float property and a height of 650px and that covers the scroll bar.

You need to add a style="clear:both" to the DIV.pageNav to make it work.

You can use the DOM Inspector to see which element gets focus if you click that part of the page.

DOM Inspector: https://addons.mozilla.org/firefox/addon/6622

dakcenturi
dakcenturi Question owner

Thanks for the info. That fixed it! Weird though that it covers it in Firefox but not other browsers.

Thanks again thought!