console
$(window).scroll(function(){
var n=$(window).scrollTop() / 600 % Math.PI;
$(".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;
}