IE will not let users scroll with mouse scroll wheel
Hi, I am new to the community and I was wondering if anyone knew a fix for my problem.
I have spiffed up this company's intranet page and I have a simple page consisting of a css/js horizontal menu bar and and iframe.
The iframe will allow you to scroll on the homepage but after clicking a link on the menu bar it will not allow you to scroll using the mouse wheel. This is only a problem in IE...of course but moving the company to a different browser is impossible because of web apps we run.
Another symptom is that when you click on the horizontal scroll at the bottom of the screen IE will then let you scroll the page. Its almost like IE main scrolling is not active on the page.
Please Help!
kazimmerman posted this at 19:50 — 25th June 2009.
He has: 698 posts
Joined: Jul 2005
Could you post a link to the page or at the very least provide the HTML, CSS, and JS behind it? That would help myself and others with trying to dissect the problem.
Kurtis
jmahan posted this at 21:39 — 25th June 2009.
They have: 5 posts
Joined: Jun 2009
http://www.geocities.com/itpgroup4/jquery.min.js
http://www.geocities.com/itpgroup4/jqueryslidemenu.css
http://www.geocities.com/itpgroup4/jquery.min.js
http://www.geocities.com/itpgroup4/index.htm
jmahan posted this at 20:23 — 25th June 2009.
They have: 5 posts
Joined: Jun 2009
I know this is a crappy test page but that's the gist
webwiz posted this at 23:56 — 25th June 2009.
He has: 629 posts
Joined: May 2007
The reason the page does not scroll is because the iFrame has a style of "position: fixed;" - so it does not take up space in its container DIV. Take out that style declaration and the page will scroll just fine.
Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;
jmahan posted this at 14:00 — 26th June 2009.
They have: 5 posts
Joined: Jun 2009
This did not work but I have come to realize part of the source of the problem. In the other pages that the menu bar loads there is a sidebar that scrolls. What I really want to do is get rid of the scrolling sidebar and make it to where the user only scrolls the main page here is the code that loads in the iframe that I believe is screwing up the scrolling:
<html>
<head>
<meta name="copyright" content="Copyright 1999-2006 • Intranet Concepts, Inc. (All rights reserved)">
<title>____</title>
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW">
<meta name="IDENTIFIER" content="9784991897-06">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<link rel="stylesheet" type="text/css" href="../_styles/style1.css">
<meta name="Microsoft Border" content="none">
</head>
<frameset framespacing="0" border="0" frameborder="0" rows="0,*">
<frame name="banner" scrolling="no" noresize target="contents" src="../Navigation/newnav.htm">
<frameset cols="250,*">
<frame name="contents" target="main" src="contents.htm" marginwidth="0" marginheight="0" scrolling="yes" height= "auto" width= "auto">
<frame name="main" src="main.htm" width= "100%" scrolling="no" target="_self" marginwidth="0" marginheight="0">
</frameset>
<noframes>
<body leftmargin="0" topmargin="0">
<blockquote>
<blockquote>
<p>This page uses frames, but your browser software doesn't support them. Please
notify your webmaster or contact Intranet Concepts for assistance in loading the newest
version of Microsoft Internet Explorer on your workstation.</b></blockquote>
</blockquote>
<p> <table align="center" border="0" cellpadding="2">
<tr><td align="center" width="100%" colspan="3"><h2>Intranet Concepts, Inc.</h2>
</td>
<tr><td align="right" width="42%" nowrap>Telephone:</b></td>
<td width="3%" nowrap></td>
<td width="55%" nowrap>970-252-1684 (9am to 6pm Eastern)</b></td>
<tr><td align="right" width="42%" nowrap>Fax:</b></td>
<td width="3%" nowrap></td>
<td width="55%" nowrap>603-307-6148</b></td>
<tr><td align="right" width="42%" nowrap>E-mail:</b></td>
<td width="3%" nowrap></td>
<td width="55%" nowrap><a href="mailto:[email protected]">
[email protected]</b></a></td>
<tr><td align="right" width="42%" nowrap>Web Site:</b></td>
<td width="3%" nowrap></td>
<td width="55%" nowrap><a href="http://www.intranetconcepts.com/">
www.intranetconcepts.com</b></a></td>
<tr><td align="right" width="42%" nowrap>AOL Instant Messenger:</b></td>
<td width="3%" nowrap></td>
<td width="55%" nowrap>pagoreyn or kfloyde</b></td>
</table>
</body>
</noframes>
</frameset>
</html>
jmahan posted this at 14:02 — 26th June 2009.
They have: 5 posts
Joined: Jun 2009
I did not write this code I just edited it so that it would work in my iframe
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.