jQuery 顶部导航跟随滚动条滚动固定浮动在顶部_jquery

 

复制代码 代码如下:

<section>
<article class="left">
<p>
</p>
<ul>
<li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_148.html" title="jquery 弹出层 弹窗">jquery 弹出层 弹窗</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_147.html" title="php文件管理,可以点击按照时间,大小,名称排序">php文件管理,可以点击按照时间,大小,名称排序</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_146.html" title="jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类">jQuery 二级菜单,一次显示一个小类 鼠标点击...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_145.html" title="jQuery 滑动改变价格">jQuery 滑动改变价格</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_144.html" title="jQuery 垂直滑动新闻展示">jQuery 垂直滑动新闻展示</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_143.html" title="投票喜欢/不喜欢 ajax无刷新">投票喜欢/不喜欢 ajax无刷新</a></li>
<li><a href="http://freejs.net/article_biaodan_142.html" title="login and signup 注册和登录tab页面">login and signup 注册和登录tab...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_141.html" title="tooltip插件">tooltip插件</a></li>
<li><a href="http://freejs.net/article_biaodan_140.html" title="Jquery 验证注册">Jquery 验证注册</a></li>
</ul>
<ul>
<li><a href="http://freejs.net/article_fenye_19.html" title="jquery 无刷新翻页">jquery 无刷新翻页</a></li>
<li><a href="http://freejs.net/article_biaodan_34.html" title="jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格">jquery表格可编辑修改表格里面的值,点击td变...</a></li>
<li><a href="http://freejs.net/article_tabbiaoqian_29.html" title="jquery实现简单的Tab切换菜单">jquery实现简单的Tab切换菜单</a></li>
<li><a href="http://freejs.net/article_fenye_26.html" title="jQuery+Ajax+PHP+Mysql实现分页显示数据">jQuery+Ajax+PHP+Mysql实现分页...</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_67.html" title="类似京东和易迅的菜单-可以折叠隐藏的导航菜单">类似京东和易迅的菜单-可以折叠隐藏的导航菜单</a></li>
<li><a href="http://freejs.net/article_fenye_11.html" title="jquery 翻页分页">jquery 翻页分页</a></li>
<li><a href="http://freejs.net/article_biaodan_76.html" title="Jquery 漂亮的select效果">Jquery 漂亮的select效果</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_13.html" title="jquery css多级下拉菜单">jquery css多级下拉菜单</a></li>
<li><a href="http://freejs.net/article_jquerytupiantexiao_1.html" title="highslide使用实例,点击图片放大效果,再次点击缩小">highslide使用实例,点击图片放大效果,再次...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_52.html" title="无刷新动态加载数据,滚动条加载">无刷新动态加载数据,滚动条加载</a></li>
</ul>
<p><Br><Br></p>
</article>
</section>

<script src="jquery.headshrinker.js"></script>
<script>
jQuery(document).ready(function () {
jQuery('header').headshrinker({ fontSize: "17px", mobileMenu: true });
});
</script>

时间: 2024-09-08 11:39:58

jQuery 顶部导航跟随滚动条滚动固定浮动在顶部_jquery的相关文章

jQuery实现侧边栏跟随浏览器滚动固定显示

效果一:侧边栏固定模块来源:卢松松博客 Js代码  代码如下 复制代码 //侧栏跟随 (function() {     var oDiv = document.getElementById("float");     var H = 0,     iE6;     var Y = oDiv;     while (Y) {         H += Y.offsetTop;         Y = Y.offsetParent     };     iE6 = window.Acti

js跟随滚动条滚动浮动代码_javascript技巧

复制代码 代码如下: var str="客服"; var objFT=new FloatT("FloatMenu1",str,942,137,125,200,80,10); objFT.FloatRun(); //js跟随滚动条滚动 浮动 //pObjName:html 元素ID //pText:html 元素内容 //其它自己看 function FloatT(pObjName,pText,pstmnLEFT,pstmnGAP1,pstmnGAP2,pstmnBA

js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧

用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

jQuery判断div随滚动条滚动到一定位置后停止

 这篇文章主要介绍了jQuery判断div随滚动条滚动到一定位置后停止的方法,需要的朋友可以参考下 实现代码:   代码如下: <script type="text/javascript"> var rollSet = $('#widget');     var offset = rollSet.offset();     var fwidth = $("#footer").height();     $(window).scroll(function(

博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧

当一个页面内容很长的时候,侧边栏栏目可能显得太短,当窗口滑动到靠下的位置,则侧边即失去了展示内容的机会.很多新闻资讯类网站如新浪.网易.CSDN等,会在边栏的右下角以固定的小弹窗形式,以提供更多的内容展示方式,但这并不适合博客和web2.0风格的网站. 现在很多的独立博客和网站如人人网等,都使用了让侧边栏模块随滚动条滑动而位置固定的效果.就是当一个页面很长的时候,设定侧栏内容会跟随滚动条,这种效果适用于评论较多.内容较长的网站.志文工作室调研了几种类似功能的实现方法,摘录之以供参考. 参考一.提

jquery跟随屏幕滚动效果的实现代码_jquery

我们在很多网站看到,当我们滚动网页时,网页内的广告或某个小区域并不会消失,而是浮动在屏幕的某个地方,特别是一些局域广告.那么这是怎么实现的呢?本文将引用乌徒帮的跟随屏幕滚动代码,对此效果做详解. 一.原始代码 下面是乌徒帮的跟随屏幕滚动代码,它的作用域为乌徒帮网页两侧的边栏,以及双击屏幕后的右侧隐藏栏. var $catalogueOffsetTop = $('aside#catalogue').offset().top; var $archiveOffestTop = $('aside#arc

jquery 页面侧边栏跟随屏幕滚动效果

功能描述 首先, 我认为该功能不应该出现在 IE6 中, 因为 IE6 不支持原生的 position:fixed 来固定元素位置, 如果我们使用类似回到顶部按钮淡入淡出或者滑动的跟随, 因为跟随区块较大, 这将会令用户感到不适. 当页面滚动条在跟随区域下方, 那么跟随区域变为浮动, 跟随页面滚动; 如果滚动条回到元素上方, 跟随区域回到原来的位置上. 现在就可以滚动看看本博客侧边栏的效果. 参数描述 •element: 跟随区域的节点对象. •prevElement: 上方的节点对象. (已经

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位_jquery

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位. 复制代码 代码如下: var container = $('div'), scrollTo = $('#row_8'); container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() ); // Or you can animate the scrolling: container.animate({

Jquery实现侧边栏跟随滚动条固定

 侧边栏随滚动条上下滚动,始终固定在一个位置的功能,现在很多网站和博客都有这个功能 部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广告.   jQuery代码:    代码如下: var rollSet = $('#Roll');// 检查对象,#sidebar-tab是要随滚动条固定的ID,可根据需要更改 var offset = rollSet.offset(); $(window).scroll(functi