我们玩网页微博时，消息提示框一直会出现在页面右上方，即使下拉滚动条它都会浮动定位在右上方，直到你关闭小时提示框。

本jquery实现类似淘宝详情页“宝贝详情”、“交易详情”等按钮的固定，即使下拉滚动条它都会浮动定位在右上方，直到你关闭小时提示框。

一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动，遇顶则固定，离开浏览器顶部又还原这样的例子其实不少，其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条，在默认状态时，该工具条是跟随页面滚动的，如下图： 而当我们下拉滚动条，随着页面向下滚动，当此工具条接触到浏览器的上边缘时，这时就会独立出来固定在顶部，不跟随页面滚动而滚动了，如下图： 类似的例子效果我们在别的网站上都有看到过，例如腾讯微博首页上，当我们下拉屏幕浏览最

我们在天猫商城下拉滚动条时，“宝贝详情”、“交易详情”等一排按钮会一直出现在浏览器顶部，方便我们切换导航。

我们玩网页微博时，消息提示框一直会出现在页面右上方，即使下拉滚动条它都会浮动定位在右上方，直到你关闭小时提示框。类似的效果在淘宝商品详情页面上也有，当我们下拉滚动页面时，用来导航切换的“宝贝详情”、“交易详情”等一排按钮会一直出现在浏览器顶部，方便我们切换导航。