jquery上的圖像位置

你好朋友我有一個website。在這裏，我希望徽標圖像在主頁上像相同，但在其他頁面上它將朝向上方，只有名稱纔會被看到而不是整個徽標圖像。那麼如何在jQuery中做到這一點？任何建議都將非常可觀。jquery上的圖像位置

2011-09-28 NewUser

你可以給我們一些你想要這樣看的想法嗎？我想嘗試和幫助，但是我無法弄清楚你想要什麼......或者它應該在哪裏。 –

您無需使用javascript，只需將其從position:absolute更改爲position:fixed即可。（如果需要IE < 7支持，則解決位置錯誤的解決方法：固定）。

UPDATE（見註釋）

根據我的你想從下面的註釋字符串來完成的理解，試試這個：

$(document).ready(function() { 
    $('ul.menu li a').each(function() { 
     $(this).click(function() { 
     $('#logo').css('top', $($(this).attr('href')).offset().top); 
     setTimeout("$('#logo').fadeIn('slow');", 600); 
     }); 
     if ($(this).hasClass('selected')) 
      $(this).click(); 
    }); 
});

來源

2011-09-28 06:49:55 lukiffer

雅我可以給它定位，但由於所有頁面都在單頁內，所以無法完成。只要檢查網站。 – NewUser

我檢查了網站...當''body' logo'從'position：absolute;'更改爲'position：fixed;'，當我點擊另一個頁面時，徽標保持不動並且頁面滑動到相應的「部分」。這不是你所描述的嗎？ – lukiffer

實際上，我希望當我點擊其他按鈕時，徽標將向頂部位置移動，並將在除主頁以外的其他頁面中修復。 – NewUser

我知道了。它會是這樣的

<script type="text/javascript"> 
    if(jQuery(window).scrollTop() > 0) { 
    jQuery('h1#logo').css({ 
     top: '-85px' 
    }); 
    } 
    jQuery(window).scroll(function() { 
    if(jQuery(this).scrollTop() > 0) { 
     jQuery('h1#logo').clearQueue(); 
     jQuery('h1#logo').animate({ 
     top: '-85px' 
     }); 
    } else if(jQuery('h1#logo').position().top != 0) { 
     jQuery('h1#logo').clearQueue(); 
     jQuery('h1#logo').animate({ 
     top: '0px' 
     }); 
    } 
    }); 
</script>

來源

2011-09-29 12:54:41 NewUser

jquery上的圖像位置

回答

相關問題