jquery滚动到指定元素,模仿锚点

html

 1 <div class="pd-nav">
 2     <div class="n-item active">
 3         保险服务 <i></i>
 4     </div>
 5     <div class="n-item " id="bzjh1">
 6         保障计划
 7         <i></i>
 8     </div>
 9         <div class="n-item"        onclick="window.location.href=‘http://fortune.jmc999.cn/finance.html‘">
10                         理财策划
11         <i></i>
12     </div>
13 </div>

jquery

<script type="text/javascript">
    //获取元素距离html顶部距离
	var _scrolltop = $(‘#bzjh2‘).offset().top;
	$(‘#bzjh1‘).click(function(){
		$(‘html, body‘).animate({
			scrollTop: _scrolltop},1000
		);
	})
</script>

  

时间: 2024-11-05 23:36:20

jquery滚动到指定元素,模仿锚点的相关文章

使页面滚动到指定元素+优化+API介绍(JS动画)

前言 当页面最上部有顶部菜单是,使用锚点跳转的方法很容易挡住想要呈现的内容(如下图技能两个字被挡住了一半),为避免出现这样的问题,故滚动到指定元素使用用JS的方法来实现. 1  使用的API简介 document.querySelectorAll preventDefault currentTarget getAttribute document.querySelector offsetTop window.scrollTo 2  初版 代码及思路如下: //1 点击导航跳到指定位置第一步,获取

滚动到指定元素的id处+当元素出现在浏览器显示区域就会自动加载

//滚动到指定元素的id处 如:$("#Exam82") function Jump() { var scroll_offset = $("#Exam82").offset();  //得到Exam82这个div层的offset,包含两个值,top和left $("body,html").animate({ scrollTop: scroll_offset.top  //让body的scrollTop等于Exam82的top,就实现了滚动 },

jquery数组删除指定元素的方法:grep()

jquery数组删除指定元素的方法:grep() 金刚 数组 jquery javascript 元素 遇到的问题 今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样的: var sexList=new Array[3]; sexList[0]="1"; sexList[1]="2"; sexList[2]=""; 想达到的效果 我想达到的效果是这样的: 删除索引=1的元素,并返回新数组. 返回的结果是: var

页面滚动到指定元素区域

该代码段可将指定元素平滑滚动到浏览器窗口的可见区域. const smoothScroll = element => document.querySelector(element).scrollIntoView({ behavior: 'smooth' }); smoothScroll('#fooBar'); smoothScroll('.fooBar'); 原文地址:https://www.cnblogs.com/zhenguo-chen/p/12032165.html

jquery 滚动到指定位置触发动画

<!doctype html> <html> <head> <meta charset="utf-8"> <title>sas</title> <script type="text/javascript" src="js/jquery.js"></script> <style type="text/css"> *{ ma

jquery定位到指定元素

多数情况下,通过a标签定位到某一具体元素并不准确,所以多数情况下我们需要通过jquery 来实现.代码如下: <div class="nav"> <div class="main clearfix"> <a class="left" target="_blank" id="logo" href="/">联展视频</a> <ul cla

jQuery移除指定元素后的所有元素

jQuery 遍历的nextAll() 方法可以搜索 DOM 树中的元素跟随的同胞元素,也就是一个元素后面的所有同级元素,删除可以使用方法remove(),所以连起来为 $(selector).nextAll(“条件”).remove(); 下面给出实例演示:点击按钮后,删除被选项目之后的所有选项 创建Html元素 <div class="box"> <span>点击按钮后,删除被选项目之后的所有选项.</span><br> <di

Jquery.ajax({...}) 为指定元素加载视图

$.ajax({ url: "/News/Index", data: { CatalogId: node.key }, type: "POST", dataType: "html", success: function (data) { $(".newsGlobalContainer").html($(data).find(".newsGlobalContainer")); } });

js滚动到指定元素

代码: <style> button{ position: fixed; bottom: 0; right: 0; } </style> <button id="button">click to see</button> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p>1</p> <p