@onlinewebsite、あなたは私にヒントを与えました。
function topMain() {
var _scrollTop = jQuery(document).scrollTop();
if(window.topNavSmall === false && _scrollTop > 0) {
jQuery('header#topNav div.nav-main-collapse').addClass('topFix');
jQuery('#topNav').stop().animate({ 'height':'95px'},400);
jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'6px'},400);
jQuery('header#topNav button').stop().animate({ 'margin-top':'0'},100);
jQuery('header#topNav a.logo').stop().animate({ 'margin-top':'-10px'},400);
if(jQuery('#header_shadow').length > 0) {
jQuery('#header_shadow').stop().animate({ 'top':window._headHeightSmall + 'px'},400);/* just a little visible */
}
window.topNavSmall = true;
}
if(window.topNavSmall === true && _scrollTop < 3) {
jQuery('header#topNav div.nav-main-collapse').removeClass('topFix');
jQuery('#topNav').stop().animate({ 'height':'105px'},400);
jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'16px'},400);
jQuery('header#topNav button').stop().animate({ 'margin-top':'8px'},100);
jQuery('header#topNav a.logo').stop().animate({ 'line-height':'105px', 'margin-top':'0'},400);
if(jQuery('#header_shadow').length > 0) {
jQuery('#header_shadow').stop().animate({ 'top':window._headHeight + 'px'},400);
}
window.topNavSmall = false;
}
}
これで完全に動作します。
この質問にいくつかのコードを追加してください。 –
これはブートストラップヘッダーのようには見えません。 –