HTML实现网页内部的跳转

  • https://blog.csdn.net/qq_42191122/article/details/91347297

# 网页三种跳转方法

(1)利用a标签进行锚定跳转

要想通过a标签跳转到指定的位置, 那么必须告诉a标签一个独一无二的身份证号码, 这样a标签才能在当前界面中找到需要跳转到的目标位置;
在HTML中, 每一个标签都有一个名称叫做id的属性, 这个属性就是用来给标签指定一个独一无二的身份证号码的 。
例子:

<a href="#center">跳转到中部</a> 
<h2 id="center">我是中部</h2>

可这种方法不适用我此时的场景

(2)我尝试的的第二个方法是 jQueryscrollTop() 方法,这个方式是返回指定元素的滚动条的垂直位置,使用方法是:

<script language="javascript" type="text/javascript">
    $(function(){   	
    	$("#naicha").click(function(){   	    		
    	$("html,body").scrollTop(t);
    		var t = $("#xxxx").offset().top;
    		$(window).animate({scrollTop:$("#xxxx").offset().top},1500);    	
    	});
    });   
</script>

发布了302 篇原创文章 · 获赞 61 · 访问量 7634

猜你喜欢

转载自blog.csdn.net/LawssssCat/article/details/104083270
今日推荐