几个jQuery滚动到顶部(Scroll to top)解决方案

知更鸟
知更鸟
站长
2465
文章
0
粉丝
Web前端3017,337阅读模式

滚动到顶部(Scroll to top)按钮,你可能会在很多站点看到这个很人性化的功能,适合页面较长内容较多的页面,很多 WordPress主题中也加入了这个小功能,几乎是博客必备装饰,呵呵...下面是几个基于jQuery的滚动到顶部(Scroll to top)按钮脚本及Wordpress插件,使用很方便效果也类似。

1.Animated Scroll to Top
几个jQuery滚动到顶部(Scroll to top)解决方案-图片1

2.jQuery topLink Plugin
几个jQuery滚动到顶部(Scroll to top)解决方案-图片2

3.Scroll To Top Plugin

几个jQuery滚动到顶部(Scroll to top)解决方案-图片3

 

 

4.Disappearing “Scroll to top” link with jQuery and CSS

几个jQuery滚动到顶部(Scroll to top)解决方案-图片4

5.UItoTop jQuery Plugin

几个jQuery滚动到顶部(Scroll to top)解决方案-图片5

 

6.jQuery Scroll to Top Control v1.1

几个jQuery滚动到顶部(Scroll to top)解决方案-图片6

7.Smooth GoToTop WordPress plugin

几个jQuery滚动到顶部(Scroll to top)解决方案-图片7

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  30  访客  24  作者  5
    • lee
      lee

      鸟哥真乃高人,最近在学WP,这里真是个学习的好地方!

      • 屈臣氏
        屈臣氏

        很方便的按钮

        • wmtimes
          wmtimes

          这个确实不少。

          • 才港
            才港

            这个 只能wordpress里用么?

            • 陨落de芳菲
              陨落de芳菲

              一号方案修改后已经用上,感谢知更鸟:)

              • 小小鱼
                小小鱼

                路过了 E文看的我头疼 – – 支持下哈~~~

                • twyy120
                  twyy120

                  感觉确实很方便

                  • Win7en乐园
                    Win7en乐园

                    发现鸟哥内页的滚动按钮有变化了,呵呵

                    • 电动叉车
                      电动叉车

                      很方便的按钮,想知道这个网右侧的上下按钮是怎么做的?

                        • 知更鸟
                          知更鸟

                          @ 电动叉车 可以参考
                          http://zmingcx.com/wordpress-template-for-the-scroll-button-to-add-a-fixed.html

                        • Win7en乐园
                          Win7en乐园

                          嘿嘿,换成google自定义搜索了,同时加上了一句:注意:为减少服务器压力,本站搜索调用谷歌站内搜索,好处就是结果更多更准确,不过该搜索不支持IE浏览器以及使用IE内核的浏览器。
                          如果你搜索后看不到结果,请使用本站侧边栏的上Goolgle自定义搜索,即可解决问题
                          奇怪呀,我在chrome和firefox下搜索均正常,就是在IE下不行。。

                            • 知更鸟
                              知更鸟

                              @ Win7en乐园 与什么浏览器没什么关系,是与目前Google访问不稳定有关

                                • Win7en乐园
                                  Win7en乐园

                                  @ 知更鸟 具体原因就不知道了,反正浏览器测试的结果是这样。o(︶︿︶)o 唉

                              • troode
                                troode

                                又见好料..
                                这类好效果真是待到用时方恨少..改天试试..:P

                                • qintag
                                  qintag

                                  正想找这玩意呢,没有想到鸟哥这就有现成的。哈哈,以后经常来淘。。

                                  • 扬州起源
                                    扬州起源

                                    厉害 值得学习

                                    • 屈臣氏官网
                                      屈臣氏官网

                                      看英文头痛

                                      • 治疗痛风的最佳方法
                                        治疗痛风的最佳方法

                                        恩恩,方便不少

                                        • ElliePallas
                                          ElliePallas

                                          请问能否分享贵站现在采用的这个回到顶部(可以到底部和评论框)的插件(可)或者代码? 很喜欢这个,谢谢了

                                          • Tantric UK
                                            Tantric UK

                                            学习了,平滑滚动的方法我寻找了好久,多谢

                                            • XFabs
                                              XFabs

                                              这是插件吗

                                              • Crystal Pendant
                                                Crystal Pendant

                                                呵呵,几句话的代码怎么还有这么多的插件啊

                                                • xuyin
                                                  xuyin

                                                  喜欢你的这个Scroll to Top,能给我么?

                                                匿名

                                                发表评论

                                                匿名网友

                                                拖动滑块以完成验证