I am trying to create a site which uses similar technology to that of Google Analytics Site Overlay, but will be framing my own site. I may decide later to change the type of overlay (or eliminate it entirely), so using overlay instead of directly modifying the source pages is the only option I am considering. For now, I am also testing a static bar positioned at the top (such as Google Analytics uses as well), which will use an iframe below to serve the source page.
However, the main problem I have is that on my target web site (Google search in this test case), when pages scroll longer than the viewable screen area, as I scroll down, the overlay text stays static in place. Is there anyway to change the CSS so that the overlay text stays put next to what I want it to overlay in the target site? In the case of Google search results for example, if I were to overlay text next to the Google logo, the overlay text would always remain next to the Google logo, so that when I scrolled down far enough that the logo was no longer in view, the overlay text was also no longer in view. This works just like Google Analytics in that I want the overlay text to anchor right to the text it overlays.
Please let me know if I can answer any questions about how I'd like it to work.