div 触顶固定悬浮在浏览器顶部就是某个版块，当浏览器拉动到这个 DIV 的位置时就会自动悬浮固定在浏览器顶部。下面就来介绍一下如何实现 div 触顶固定悬浮在浏览器顶部效果。
在代码顶部标签上方引入 JQUERY；引入方法见：网页如何引入 JQuery，在需要触顶固定悬浮在浏览器顶部的 DIV 代码中添加一个 ID 代码
id="pordAttr"
在代码底部
<script type="text/javascript">
$(function () {
var elm = $('#pordAttr');
var startPos = $(elm).offset().top;
$.event.add(window, "scroll", function () {
var p = $(window).scrollTop();
$(elm).css('position', ((p) > startPos) ? 'fixed' : 'static');
$(elm).css('top', ((p) > startPos) ? '0px' : '');
});
});
PetitQ</script>专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务！
