转动侧边栏的体式格局，优点不言而喻，当博文较长的时刻就不会由于侧边栏太短而发生不美观了。实在有集合要领：另一种要领请参考侧边栏转动教程；转动侧边栏的教程，实在很简单，先来看看代码。须要加载jquery。 emlog能够直接运用/include/lib/js/jquery/jquery-1.7.1.js。js代码以下：
<script>$(function () {if ($(".fixed_side").length > 0) {var offset = $(".fixed_side").offset();$(window).scroll(function () {var scrollTop = $(window).scrollTop();//假如间隔顶部的间隔小于浏览器转动的间隔，则增加fixed属性。if (offset.top < scrollTop) $(".fixed_side").addClass("fixed");//不然消灭fixed的css属性else $(".fixed_side").removeClass("fixed");});}});</script>html代码：
<div class="fixed_side"><img src="//www.shuyong.net/aliyun.jpg"></div>css代码(尺寸依据本身的状况来变动)：
.fixed_side{clear:both;overflow:hidden;text-align:center;margin:5px}.fixed_side img{max-width:100%;}.fixed{position:fixed;top:0px;width:237px;margin:5px}演示请看本站首页侧边栏广告
评论列表