By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,345 Members | 2,404 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,345 IT Pros & Developers. It's quick & easy.

Firefox issue - Not able to scroll down and up thru mouse wheel navigation icon

P: 2
I have a simple HTML page where I have a form with in a <div style="height: 600px; width: 100%; overflow: auto;">. The mentioned div styles are mandatory to get the expected behavior of the div.

Now, in Firefox, the page appears properly as expected. I can scroll down and up the div part by dragging the scroll bar by mouse and I can scroll down and up the div part by rolling up and down the mouse wheel as well.

But I am facing the problem if I single-click the mouse wheel, the four headed mouse navigation icon appears and not able to scroll the page up and down by simply moving the icon!

In other browser I am getting up and down two headed mouse wheel navigation icon and it allows me to scroll the page up and down by simply moving the icon as expected.

Please help.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Here is the test page:
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>

<body>
<div style="height: 600px; width: 99%; overflow: auto;">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
</body>
</html>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

it will be a big accessibility issue... please help
Apr 16 '07 #1
Share this Question
Share on Google+
1 Reply


KevinADC
Expert 2.5K+
P: 4,059
it appears firefox only uses the scroll wheel click to navigate the parent window and not other scrollable widgets like IE does. But you can use the scroll wheel for vertical scrolling of widgets (like your div). There is no html/css fix for this behavior I am aware of. Maybe look around on the Mozilla site for information about this "problem":

http://www.mozilla.org/support/
Apr 16 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.