javascript - Adding an If Statement for smaller browser sizes -
i'm trying add condition script no avail. functionality script adds makes sidebar stay in viewport when page scrolled (floating/following animation). because i've added media queries make sidebar 100% wide when browser resized, need behavior stop @ width, i've tried far isn't working. appreciated.
var scrollableobject = $("#content-left nav"); var offset = scrollableobject.offset(); var toppadding = 15; var isbigger = false; if($('body').hasclass('admin-bar')){ toppadding = 35; } function leftnavcheck(){ if( $('#content-left nav').height() > $(window).height() ){ isbigger = true; }else{ isbigger = false; } if(isbigger == false){ $(window).scroll(function() { if ($(window).scrolltop() > offset.top) { scrollableobject.stop().animate({ margintop: $(window).scrolltop() - offset.top + toppadding }); } else { scrollableobject.stop().animate({ margintop: 0 }); }; }); } } $(window).load(function() { leftnavcheck(); }); $(window).resize(function () { leftnavcheck(); }); i tried adding frankly don't know i'm doing here.
var iswider = false; if( $('#content-left nav').width() < 900) { iswider = false; }else{ iswider = true; }
Comments
Post a Comment