473,665 Members | 2,774 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Stopping floating menu at base of page

9 New Member
Hi Everyone,
I have implemented a floating menu that scrolls with the page. I am looking for help trying to "stop" the scrolling when it reaches the end of the content. Currently, if you scroll to the bottom of the page it overlaps onto the footer. Here is the site: www.getmyrank.c om

I've also attached a screen shot to try and help illustrate what i'm trying to do. Any suggestions?
Attached Images
File Type: jpg stop.jpg (81.9 KB, 250 views)
Aug 2 '11 #1
3 2771
Rabbit
12,516 Recognized Expert Moderator MVP
You'll have to use the scroll event to figure out how far down they are on the page. When they get to a position where the menu will overlap the footer, change the positioning from fixed to absolute and position it at the bottom. When they scroll up enough, reverse the changes.

Here's a reference on the scroll event and how to find out how far they've scrolled.
http://help.dottoro.com/ljurkcpe.php
Aug 2 '11 #2
Jake Carter
9 New Member
Thanks for the reference. Might be outside of my abilities im worried :/

is there a way to do it with CSS and creating a new DIV?
Aug 2 '11 #3
Rabbit
12,516 Recognized Expert Moderator MVP
I don't think it's possible with just css. Maybe if the main content is in an iframe it might be possible. But there are issues with iframes as well.

If you want to give the javascript a shot, you can post any problems you run into and we can help you work through them.
Aug 3 '11 #4

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

Similar topics

4
1995
by: Christina Joch | last post by:
Here´s the script for my floating menu. Is it possible to assign it to a table cell and if yes how to do it? I hope you mean what I want to do? Thanks for help, lg Christina <!-- Start if (!document.layers)
2
2360
by: craig.wagner | last post by:
I have converted two ASP.NET 1.1 applications to ASP.NET 2.0. Each one had some odd results, most of which I've been able to address. I'm looking for some confirmation/advice. Both applications use a base page class inherited from System.Web.UI.Page. In both cases my base page class is in a separate folder of the web application (e.g. c:\mywebapp\baseclass). When I converted the second application, the wizard was insistent on creating...
1
1424
by: Lars Hedström | last post by:
Hello I am looking for a floating menu which shows up at the left and then slides over to the right. Anyone knows where I can find such a script? Regards Lars
6
6866
by: TyBreaker | last post by:
What is the best way to create a menu bar like the Office menu bar ie one that can dock to the four corners of the screen? Is it a standard windows form or is it some other more specialised control? -- ______ ___ __ /_ __/_ __/ _ )_______ ___ _/ /_____ ____ / / / // / _ / __/ -_) _ `/ '_/ -_) __/ /_/ \_, /____/_/ \__/\_,_/_/\_\\__/_/ /___/
3
2359
by: William Youngman | last post by:
I am on a team that is developing a proposal generation web application and we are using a custom base page (ProGenBase.cs) located in the app_code directory and all of the app's web pages inherit from this custom page. Additionally I have a main menu tab control that is located in a master page and certain tabs are displayed dependant on the users authentication level. I am using boolean properties in the master page to control the visible...
3
7447
by: bdbeames | last post by:
I have a menu on the right side of my page and a flash object in the center. When a certain option in the menu is select a sub menu pops and floats left. The problem is, depending on the browser and OS i.e.(firefix,ubuntu) the submenu is behind the flash. How can i fix this problem. I googled for the last day and the only thing I found was to put the flash in it's own div and set the z-index to -1. This solved nothing. here is a copy of...
2
1713
by: Dariusz Tomoñ | last post by:
Hi, I have got JS at: http://www.euroadres.pl/b2b.aspx for floating menu - it activates when scrolling down. Under IE it works ok but under FF it doesn't float and what's more it covers a part of billboard. How can I fix the problem. Or eventually where to find similar working script (I googled a half of day).
1
1366
by: Clanger67 | last post by:
I am trying to create a floating menu that moves down the left hand side of the screen. I have some code that works great when it is embedded into the web page. What I would like to do is reference it from an include file. I can see the include file and I have put alerts through out the code and i can see the following Line 85 compute_shifts Line 43 The code I have is listed below:
1
2153
by: elusified | last post by:
Hi guys, i am now doin this website that required a floating menu. the problem is how do i restrict the floating menu to prevent it from goin out of the navigation area when the window is minimize? below are my codes. var verticalpos="frombottom" if (!document.layers) document.write('</div>') function JSFX_FloatTopDiv() { var startX = 75,
2
2148
by: yela | last post by:
I am working in a floting menu for a website, I found this cool script, it works great, but I need to limit the movement of the menu to a table area, right now it goes up and down through the whole body, is there a quick fix for this? please help. Thanks. <script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') </script>
0
8438
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8863
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8779
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8549
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8636
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
5660
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
2765
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2004
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1761
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.