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

Web前端3017.3K阅读模式

滚动到顶部(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 0

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

      • 屈臣氏
        屈臣氏 5

        很方便的按钮

        • wmtimes
          wmtimes 7

          这个确实不少。

          • 才港
            才港 5

            这个 只能wordpress里用么?

            • 陨落de芳菲
              陨落de芳菲 5

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

              • 小小鱼
                小小鱼 4

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

                • twyy120
                  twyy120 1

                  感觉确实很方便

                  • Win7en乐园
                    Win7en乐园 8

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

                    • 电动叉车
                      电动叉车 3

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

                      • Win7en乐园
                        Win7en乐园 8

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

                          • 知更鸟
                            知更鸟

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

                              • Win7en乐园
                                Win7en乐园 8

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

                            • troode
                              troode 2

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

                              • qintag
                                qintag 1

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

                                • 扬州起源
                                  扬州起源 2

                                  厉害 值得学习

                                  • 屈臣氏官网
                                    屈臣氏官网 5

                                    看英文头痛

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

                                      恩恩,方便不少

                                      • ElliePallas
                                        ElliePallas 1

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

                                        • Tantric UK
                                          Tantric UK 1

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

                                          • XFabs
                                            XFabs 1

                                            这是插件吗

                                            • Crystal Pendant
                                              Crystal Pendant 2

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

                                              • xuyin
                                                xuyin 0

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

                                              匿名

                                              发表评论

                                              匿名网友
                                              :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                              拖动滑块以完成验证