Question

我将以下代码添加到我的网站www.tsigaradiko.com

jQuery(window).scroll(function() {

    if (jQuery(this).scrollTop()>57  )
     {
      jQuery('#main-nav').fadeOut();  
     }

    else
     {
      jQuery('#main-nav').fadeIn();
     }
 });

我想做一个小改动。在向下滚动时，我不希望菜单完全消失，我希望我的徽标出现。基本上我没有淡出，而是想插入一个新的div（我的标识）。

Answer 1

代码段

Fiddle

HTML

<div style="height:3000px">

<table>
    <td>some other data</td>
  <td>some  data      </td>
 </tr>
 </table>
 <div id="main-nav"> widthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsaf</div>
</div>

JQuery的

$(document).ready(function() {
   jQuery(window).scroll(function() {

    if (jQuery(this).scrollTop()>57  )
     {
      jQuery('#main-nav').stop().fadeOut();  
     }

    else
     {
      jQuery('#main-nav').stop().fadeIn();
     }
 });
 });

Answer 2

在html中为徽标和淡入淡出创建一个div，当scrollTop为＆gt;时57，当它不那么时就淡出。如下所示，根据您的需要进行调整....

HTML

在主导航栏下创建。

<div class="logo"></div>

CSS

.logo{
width:60px;
height:80px;
background: #0066CC;
position:fixed;
top:0;
display:none;
}

JS

jQuery(window).scroll(function() {

if (jQuery(this).scrollTop()>57  )
 {
  jQuery('#main-nav').fadeOut();
  jQuery('.logo').fadeIn();
 }

else
 {
  jQuery('#main-nav').fadeIn();
      jQuery('.logo').fadeOut();
 }
 });

Jquery菜单在滚动中淡出fadout

2 个答案:

HTML

JQuery的