Question

你好朋友我有一个website。在这里我希望徽标图像在主页上将是相同的，但在其他页面中它将朝向上方，只有名称将被看到而不是整个徽标图像。那么如何在jQuery中做到这一点？任何建议都会非常值得赞赏。

Answer 1

您无需使用javascript，只需将其从position:absolute更改为position:fixed即可。（如果需要IE＆lt; 7支持，那么位置错误的解决方法：已修复）。

更新（参见评论）

根据我对你想要从下面的评论字符串中完成的内容的理解，试试这个：

$(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();
    });
});

Answer 2

我明白了。它会像这样

<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>

jquery上的图像位置

2 个答案: