1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 用 jQuery 实现页面滚动(Scroll)效果的完美方法

用 jQuery 实现页面滚动(Scroll)效果的完美方法

时间:2022-02-07 22:40:14

相关推荐

用 jQuery 实现页面滚动(Scroll)效果的完美方法

web前端|js教程

jQuery,Scroll,滚动

web前端-js教程

以前很多博主都写过/转载过用 jQuery 实现页面滚动(Scroll)效果的方法,但目前搜来的方法大都在 Opera 下有个小 Bug:直接用跳的而且画面闪烁。

电影站源码,vscode更改字符间距,ubuntu访问端口,tomcat样目录漏洞,爬虫 普通,php 报表 开源,seo查询站长之家排名,梦蝶网站源码下载,公众号门户模板lzw

今天,超级低调的高手 Willin 共享了一种完美方法解决 jQuery 实现滚动效果在 Opera 下的bug,我随即调试+应用到我目前的主题,目前经过测试非常完美,特意贴出代码加以说明。

文件下载页html源码,vscode怎么拉新分支,ubuntu入门教材,tomcat 8 调优,python 爬虫价格,从零开始学php 第2版,越秀区seo账户托管报价,淘宝单怎么刷网站源码下载lzw

因为本人不太懂 js,jQuery 也只是皮毛,原理方面我说不清楚,只能说明修改方法。

网站获取qq访客net源码,ubuntu启动网络设置,代理ip淘宝爬虫,php清理,5188seolzw

演示:点击现在的主题 zOM 底部的“Δ”/文章页面标题下面的“x comments” “Leave a comment”

假设:你的主题最上面的 id 是 header,最下面的“返回顶部”的 id 为 top

jQuery 代码如下:

document$ windowopera ? documentcompatMode ? $ $ $$scrollTop $top false

说明:直接看注释

$(‘#top’).click(function(){…}); 这是滚动基本代码,可以根据自个情况变通,也就是举一反三了,如:既然可以返回顶部,那么就可以滚动到底部、滚动到某一个 id、滚动到中间……

那么我再贴出一个滚动到“评论框”的例子:

例子前提假如:文章标题下面有个“添加评论”,原来的html如下

(注:#respond 是评论框的 id)

那么 $(‘#top’).click(function(){…}); 这段代码就变为如下:

$scrollTop $top false

这样就行了,简单不?有些朋友说原理,学jQ去吧

更多的方法去 Willin 的《頁面 Scroll 的幾種方法》

声明: 本文采用 BY-NC-SA 协议进行授权 | ZWWoOoOo

转载请注明转自《用 jQuery 实现页面滚动(Scroll)效果的完美方法》

阅读全文

类别:Javascript 查看评论

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。