¡@
2014/10/16 ¤W¤È 12:07:57
jquery Programming Glossary: scrollvalscrollTop() and then div fixed http://stackoverflow.com/questions/11872381/scrolltop-and-then-div-fixed document .ready function window .scroll function var scrollVal this .scrollTop if scrollVal 150 '#subnav' .css 'position'.. window .scroll function var scrollVal this .scrollTop if scrollVal 150 '#subnav' .css 'position' 'fixed' 'top' '0px' else '#subnav'..
Setting CSS value limits of the window scrolling animation http://stackoverflow.com/questions/11971475/setting-css-value-limits-of-the-window-scrolling-animation working with css method. window .scroll function var scrollVal this .scrollTop if scrollVal offset.top sidebar.css 'margin.. window .scroll function var scrollVal this .scrollTop if scrollVal offset.top sidebar.css 'margin top' window.scrollTop offset.top.. with borders margins paddings console.log headerH var scrollVal this .scrollTop if scrollVal headerH when scroll value reach..
Make div stick to bottom of browser then top of browser on scroll http://stackoverflow.com/questions/11983294/make-div-stick-to-bottom-of-browser-then-top-of-browser-on-scroll .css 'top' stickToBot 'px' window .scroll function var scrollVal this .scrollTop if scrollVal stickToBot '#menu' .css 'position'.. window .scroll function var scrollVal this .scrollTop if scrollVal stickToBot '#menu' .css 'position' 'fixed' 'top' '0px' else..
scrollTop() and then div fixed http://stackoverflow.com/questions/11872381/scrolltop-and-then-div-fixed share improve this question Try this Here is working jsFiddle document .ready function window .scroll function var scrollVal this .scrollTop if scrollVal 150 '#subnav' .css 'position' 'fixed' 'top' '0px' else '#subnav' .css 'position' 'static'.. Try this Here is working jsFiddle document .ready function window .scroll function var scrollVal this .scrollTop if scrollVal 150 '#subnav' .css 'position' 'fixed' 'top' '0px' else '#subnav' .css 'position' 'static' 'top' 'auto' Note If you have..
Setting CSS value limits of the window scrolling animation http://stackoverflow.com/questions/11971475/setting-css-value-limits-of-the-window-scrolling-animation working animate sample with animate usage. Here is same example working with css method. window .scroll function var scrollVal this .scrollTop if scrollVal offset.top sidebar.css 'margin top' window.scrollTop offset.top topPadding 'px' added 'px'.. animate usage. Here is same example working with css method. window .scroll function var scrollVal this .scrollTop if scrollVal offset.top sidebar.css 'margin top' window.scrollTop offset.top topPadding 'px' added 'px' here to prevent old internet.. .outerHeight true this will calculate header's full height with borders margins paddings console.log headerH var scrollVal this .scrollTop if scrollVal headerH when scroll value reach to your selector '#subnav' .css 'position' 'fixed' 'top' '0px'..
Make div stick to bottom of browser then top of browser on scroll http://stackoverflow.com/questions/11983294/make-div-stick-to-bottom-of-browser-then-top-of-browser-on-scroll true will calculate with borders paddings and margins. '#menu' .css 'top' stickToBot 'px' window .scroll function var scrollVal this .scrollTop if scrollVal stickToBot '#menu' .css 'position' 'fixed' 'top' '0px' else '#menu' .css 'position' 'absolute'.. paddings and margins. '#menu' .css 'top' stickToBot 'px' window .scroll function var scrollVal this .scrollTop if scrollVal stickToBot '#menu' .css 'position' 'fixed' 'top' '0px' else '#menu' .css 'position' 'absolute' 'top' stickToBot 'px' ..
|