你可以用
jquery
$(function(){ // Check the initial Poistion of the Sticky Header var stickyHeaderTop = $('#stickyheader').offset().top; $(window).scroll(function(){ if( $(window).scrollTop() > stickyHeaderTop ) { $('#stickyheader').css({position: 'fixed', top: '0px'}); $('#stickyalias').css('display', 'block'); } else { $('#stickyheader').css({position: 'static', top: '0px'}); $('#stickyalias').css('display', 'none'); } }); });
注意: 不要忘记在页面中包含jquery库链接(假设您是初学者)
<script src="http://pre.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)