SOURCE

console 命令行工具 X clear

                    
>
console
$(window).scroll(function(){
  // var n=$(window).scrollTop();
  var n=$(window).scrollTop() / 600 % Math.PI;
  // $(".img-Tlogo").css({transform:"rotate("+n+"deg)"})
  $(".img-Tlogo").css({transform:"rotate("+n+"rad)"})
})
<div class="container">
  <div class="fix-top">
    <img class="img-Tlogo" src="http://www.jq22.com/img/y/gear2.svg" alt="" />
  </div>
  <div class="main">
    <h1>不殆时间,不负自己</h1>
    <p>
      不要太乖  不想做的是可以拒绝<br> 
      做不到的是不用勉强<br>
      不喜欢的话假装没听到<br>
      你的人生不是用来讨好别人<br>
      而是善待自己<br>
    </p>
    ---------------------------------------<br>
    <p>
      如约而至  是多么美好的词<br> 
      等的辛苦  却不辜负<br>
      别人的热闹那么拥挤<br>
      我有你肩并肩  安安静静正好<br>
    ---------------------------------------<br>
    </p>
    <p>
      最好的关系不是随叫随到  每天都聊<br> 
      而是我发了消息  你看到了自然会回复<br>
      我不会因为你没有回复而胡乱猜忌<br>
      你也不会因为没有及时回复而感到抱歉<br>
      彼此信任 彼此牵挂就够了<br>
    ---------------------------------------<br>
    </p>
    <p>
      其实  并不是所有人都有那么好的脾气<br> 
      如果  你恰巧碰到了那个愿意迁就你的人<br>
      记得别磨光他的感情<br>
    ---------------------------------------<br>
    </p>
    <p>
      两个人在一起  一辈子很长<br> 
      恰到好处的喜欢最舒服  爱情<br>
      真正坚持到最后靠的不是激情<br>
      而是恰到好处的喜欢和投入<br>
    ---------------------------------------<br>
    </p>
    <p>村上春树说:<br>
    </p>
    <p>你要记得那些大雨中为你撑伞的人
    </p>
    <p>
      帮你挡住外来之物的人
    </p>
    <p>
      黑暗中默默抱紧你的人
    </p>
    <p>
      逗你笑的人
    </p>
    <p>
      陪你彻夜聊天的人
    </p>
    <p>
      坐车来看望你的人
    </p>
    <p>
      陪你哭过的人
    </p>
    <p>
      在医院陪你的人
    </p>
    <p>
      总是以你为重的人
    </p>
    <p>
      带着你四处游荡的人
    </p>
    <p>
     说想念你的人
    </p>
    <p>
    是这些人组成你生命中一点一滴的温暖
    </p>
    <p>
      是这些温暖使你远离阴霾
    </p>
    
     

  </div>
  
</div>
*{
  margin:0;
  padding:0;
}
html,body{
  width:100%;
  text-align:center;
   background:#4ECDC4;
  font-size:20px;
}
.fix-top{
  width:100%;
  height:140px;
  padding-top:20px;
  position:fixed;
  top:0;
  left:0;
  background:#4ECDC4;
}
.fix-top .img-Tlogo{
  width:120px;
}
.main{
  width:90%;
  padding:180px 20px 0;
  margin:0 auto;
  background:#fff;
  text-align:left;
}
.main h1{
  text-align:center;
}