scroll fixed navigation height percent

Question

I am trying to fix my vertical navigation on the left side of my site.

$(document).ready(function(){

    $(window).scroll(function(){
        var border = 150;
        if($(window).scrollTop() >= border){
            $("#box_CATEGORIES").css({
                    'position' : 'fixed',
                    'top' : '0'

            });
        }
        if($(window).scrollTop() < border){
            $('#box_CATEGORIES').removeAttr('style');
        }
    })

});

This worked first fine but now I changed the height of my site in 100% because i want the footer always on bottom of the site.

And because of that ( I think ) the code doesnt work anymore.. :( any help?

category "Paletten" then scroll down menu should fix after the header is away — simplesystems, May 01 '15 at 08:38
if you remove overflow-x:hidden from the body it will work fine — Moussawi7, May 01 '15 at 08:58
great! thank you! but why overflow-x ? isnt that horizontal? — simplesystems, May 01 '15 at 09:06

score 0 · Answer 1 · edited May 23 '17 at 12:14

0

The solution is to remove the overflow-x:hidden from the body element.

@James Khoury answered on similar Question by:

If you are using visible for either overflow-x or overflow-y and something other than visible for the other. The visible value is interpreted as auto.

Also you can find this jQuery open issue on github

edited May 23 '17 at 12:14

Community

1
1

answered May 03 '15 at 06:21

Moussawi7

12,359
5
37
50

scroll fixed navigation height percent

1 Answers1