CSS - Fix an element at the very bottom of page for left/right horizontal scrolling -


I have a website scroll horizontally using this script:

Sometimes this With the build I have a vertical scrollbar because, depending on the user's resolution, copy can move beyond the visible part of the page.

I have some information in the footer that I want to scroll horizontally with the page, but I want it to be very bottom of the page if there is a scrollbar, not just the window. Use of this CSS:

  .footer {status: fixed; Bottom: 10px; Left: 100px; }   

Not what I want because the footer will overlay the copy of the site.

So I also tried to do something like this:

  html, body {min-height: 900px; } .footer {status: fixed; Top: 880px; Left: 100px; }   

Whatever was not working because the notification was always pushed to the visible part of the page.

So I'm essentially looking for a solution

class = "post-text" itemprop = "text">

I'm not sure that you can get it completely CSS Can do with. I have a javascript (or jquery) functions that detect the content div (or body) size and then places your footer design (if you are using jquery or not by adding top margins) . After that you can use the window to move the horizontal position of the div while scrolling to the right.

Comments