简单几句代码jq实现div固定漂浮

如果不是为了大型项目，个人站长自己做前端，不建议引用太复杂的框架，比如bootstrap

因为小网站页面少，用到的模块不多，也不追求协同操作或扩展，很多小网站做一次模板用十年，

所以用前端框架大部分都是在浪费资源，影响网站加载。

比如，大部分网站可能只用到一些简单的动态效果

比如流行的固定飘浮导航，只要以下这几句代码即可

var elm2 = $('#map2');//导航窗口id
var startPos2 = $(elm2).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
     
$(elm2).css('position',((p) > startPos2) ? 'fixed' : 'static');
$(elm2).css('top',((p) > startPos2) ? '88px' : '');//这里设置飘浮后窗口与顶部的距离
$(elm2).css('top',((p) > startPos2) ? '88px' : '');//这里设置飘浮后窗口与左边界的距离，就是靠右或靠左，如果想保持原来的X座标，就删除本行

这个简单代码就能实现顶部导航漂浮固定，在线客服飘浮固定，还有社交分享按钮飘浮固定