jquery页面滚动到指定id

最新推荐文章于 2024-06-14 10:34:52 发布
最新推荐文章于 2024-06-14 10:34:52 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： Jquery 页面滚动 
//jquery页面滚动到指定id  
$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');// 这行是 Opera 的补丁, 少了它 Opera 是直接用跳的而且画面闪烁
$body.animate({ scrollTop: $('#指定ID').offset().top }, 1000);

转自：jquery页面滚动到指定id

追逐吾之所求
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery实现点击滚动到指定元素上的方法分析
11-20
本文实例讲述了jQuery实现点击滚动到指定元素上的方法。分享给大家供大家参考，具体如下： jquery 点击滚动到指定元素上， 1.获取指定元素的offset() 得到偏移位置，返回结果是top 和left  获取offset().top , offset().left 单位是像素 只对可见元素有效 2.body 和html 使用animate方法的scrollTop股东到指定位置 3.id参数为滚动到指定元素的ID， p_top是指定元素的margin 和padding值，这个值暂时没有意义 function scrollPosition(id,p_top) { /*获取某个元素的
jquery 滚动到指定id
qq_42666845的博客
07-11 350
<div id="box" >　　<table>             <tr id="tr-one"></tr>             <tr id="tr-two"></tr>             <tr id="tr-three"&am
JS 平滑滚动到页面指定id的组件处
最新发布
qq_38820576的博客
06-14 133
behavior 属性值为'smooth'时有平滑滚动动画。
使用 jQuery 滚动到一个元素
kalman2019的博客
12-31 2948
我有这个 input 元素：然后我有一些其他元素，比如其他标签的 & 个标签等...当用户点击 时，页面应该滚动到页面的最后一个元素，并且应该使用漂亮的动画来做到这一点（应该是滚动到底部而不是顶部）。页面的最后一项是带有 #submit 的 submit 按钮：动画不应该太快，应该是流畅的。我正在运行最新的 jQuery 版本。我宁愿不安装任何插件，而是使用默认的 jQuery 功能来实现这一点。
jquery滑动滚动条到指定元素
qq_38989173的博客
04-14 8173
【代码】jquery滑动滚动条到指定元素。
jq \ js控制页面滚动到指定位置
weixin_56383764的博客
06-11 393
通过jQuery、JavaScript随意控制页面滚动条的位置
jquery 页面滚动到指定DIV
fmyzc的博客
03-17 412
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script> function mScroll(id){ $("html,body").stop(true); $("html,body").animate({scrollTop: $("#"+id).offset().top}, 1000); } </script> ..
ScrollTop滚动 jquery自定义滚动到指定位置
06-12
ScrollTop滚动 jquery滚动到指定位置
滑动至指定id的div块
qq_32228467的博客
04-02 251
/* * 方法:滑动至指定id的div块 * @param scrollToID : 滑动到该id的名称 * @param distanceTop : 距离顶边位置 [数值] * @param scrollTime : 滚动时间 [数值] */ function slideToID(scrollToID,distanceTop,scrollTime) { //"#"+slideToID:滑动到该id ; parseInt(distanceTop):距离顶边位置 ; scrollTime:滚动.
JQ中的兼容问题（知识点为摘录）
yeni784742321的博客
06-12 412
1.$(document).ready(Fn)、$(window).load(Fn)、$(Fn) 、jQuery(function($){ }): ready事件可以加在任意元素上；ready事件不要求页面完全加载完，只需要加载完dom结构即可触发；ready事件可以同时注册多个，执行时，按照注册的先后顺序执行。就算是注册不同元素的ready事件，也是按照先后顺序执行； loa
page-scroll-to-id:使用jquery将动画页面滚动到文档中的特定ID
05-08
页面滚动到ID 页面滚动到ID是一个易于使用的jQuery插件，可将动画页面滚动到文档中的特定ID。 当与含有HREF价值环节的插件替换的“跳跃”的页面部分中的默认浏览器行为#被点击，通过顺畅动画的页面，这些部分（）。 功能包括： 自动调整动画速度 高级动画缓动 垂直和/或水平滚动 通过即用型课程突出显示链接和目标 自动调整滚动位置 高级滚动到位置的偏移量（按像素，元素选择器，链接特定的偏移量等） 安装 Bower：Bower bower install page-scroll-to-id npm： npm install page-scroll-to-id 用法 $("a[href*='#']").mPageScroll2id(); 想要查询更多的信息 要求 jQuery 1.7.0或更高版本 浏览器兼容性 Internet Explorer 8+ Firefox 3.5+
手机端网页返回顶部js代码
weixin_30491641的博客
01-14 789
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手机端网页返回顶部js代码</title> <script src="http://...
document.compatMode的CSS1compat
weixin_30530523的博客
04-02 61
document.compatMode BackCompat：标准兼容模式关闭。浏览器宽度:document.body.clientWidth； CSS1Compat：标准兼容模式开启。 浏览器宽度:document.documentElement.clientWidth。 var d = document, 　　dd = d.documentElement, 　　db = d...
jquery 滚动到指定ID位置
唯-心的专栏
05-13 5267
$('#top').click(function(){ $body.animate({scrollTop: $('#header').offset().top}, 1000); return false;// 返回false可以避免在原链接后加上# })
jQuery实现将div中滚动条滚动到指定位置的方法
热门推荐
xyr05288的专栏
11-23 1万+
参考文章： http://www.jb51.net/article/90185.htm 本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考，具体如下：一、Js代码：onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainCo
jquery点击按钮页面滚动到指定div位置
Dxy1239310216的博客
06-10 2257
点击按钮，页面需要滚动到指定div位置。给按钮绑定点击事件，在点击方法中设置要滚动到的 div 的 id 就可以实现该功能。
根据id选择器滚动页面到指定位置
青春不打烊的博客
07-05 436
要求根据首字母展示城市； 循环首字母： <span class="querycaption">按省份首字母选择：</span> <el-radio-group class="selectone" v-model="radioSelectone" > <el-radio-button v-for="(item,index) of letterList" :key="index" :label="item" @click
jquery div内容滚动到指定的ID位置.
hljqfl的专栏
01-03 2751
&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $(".btn
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值