¡@
2014/10/16 ¤W¤È 12:03:41
jquery Programming Glossary: headerhSetting CSS value limits of the window scrolling animation http://stackoverflow.com/questions/11971475/setting-css-value-limits-of-the-window-scrolling-animation document .ready function window .scroll function var headerH '.header' .outerHeight true this will calculate header's full.. full height with borders margins paddings console.log headerH var scrollVal this .scrollTop if scrollVal headerH when scroll.. headerH var scrollVal this .scrollTop if scrollVal headerH when scroll value reach to your selector '#subnav' .css 'position'..
Shrink header height by scrollTop value http://stackoverflow.com/questions/12350972/shrink-header-height-by-scrolltop-value #header img height 100 width auto JS var header '#header' headerH header.height window .scroll function if this .scrollTop headerH.. header.height window .scroll function if this .scrollTop headerH 2 header.css height this .scrollTop headerH .scroll Here's.. .scrollTop headerH 2 header.css height this .scrollTop headerH .scroll Here's a fiddle . Works well so far. However if the..
Setting CSS value limits of the window scrolling animation http://stackoverflow.com/questions/11971475/setting-css-value-limits-of-the-window-scrolling-animation jQuery calculations should be like this Here is working jsFiddle. document .ready function window .scroll function var headerH '.header' .outerHeight true this will calculate header's full height with borders margins paddings console.log headerH var.. headerH '.header' .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'.. 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' else '#subnav' .css 'position' 'static'..
Shrink header height by scrollTop value http://stackoverflow.com/questions/12350972/shrink-header-height-by-scrolltop-value top 0 left 0 right 0 height 200px color #eee background #222 #header img height 100 width auto JS var header '#header' headerH header.height window .scroll function if this .scrollTop headerH 2 header.css height this .scrollTop headerH .scroll Here's.. img height 100 width auto JS var header '#header' headerH header.height window .scroll function if this .scrollTop headerH 2 header.css height this .scrollTop headerH .scroll Here's a fiddle . Works well so far. However if the user scrolls down.. '#header' headerH header.height window .scroll function if this .scrollTop headerH 2 header.css height this .scrollTop headerH .scroll Here's a fiddle . Works well so far. However if the user scrolls down e.g. to the bottom and reloads the page the..
|