天猫，京东各大网站锚点的跳转

快来打我* 2022-06-17 12:51 270阅读 0赞

// 点击导航

<div class="left\_bar" style="">

<a class="bar\_one" href="\#s\_1">  
<span class="bar\_span">网店</span>  
<span class="bar\_span2">装修</span>  
</a>  
<a class="bar\_two" href="\#s\_2">  
<span class="bar\_span">首页</span>  
<span class="bar\_span2">装修</span>  
</a>  
<a class="bar\_three" href="\#s\_3">  
<span class="bar\_span">详情</span>  
<span class="bar\_span2">装修</span>  
</a>  
<a class="bar\_four" href="\#s\_4">  
<span class="bar\_span">活动</span>  
<span class="bar\_span2">装修</span>  
</a>  
<a class="bar\_five" href="\#s\_5">  
<span class="bar\_span">海报</span>  
<span class="bar\_span2">装修</span>  
</a>  
<a class="bar\_six" href="\#s\_6">  
<span class="bar\_span">其它</span>  
<span class="bar\_span2">需求</span>  
</a>

</div>

// 跳转的目的地

<div  id=''s1"></div>

<div  id=''s2"></div>

<div  id=''s3"></div>

<div  id=''s4"></div>

<div  id=''s5"></div>

<div  id=''s6"></div>

<table style="orphans:2; widows:2"> 
 <tbody> 
  <tr> 
   <td>/*锚点的滑动效果*/</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>$(".left_bar &gt; a").click(function() { </td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>$("html, body").stop(true,false).animate({ </td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>scrollTop: $($(this).attr("href")).offset().top +"px"</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>}, { </td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>duration: 500,</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>easing: "swing"</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>});</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>return false;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>});</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML跳转锚点的使用方式

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQz

男娘i/ 2023年01月08日 11:29/ 0 赞/ 253 阅读

相关 js 模拟锚点跳转

使用scrollIntoView // 找到锚点 let anchorElement = document.getElementById(anchorNa

忘是亡心i/ 2022年12月01日 05:17/ 0 赞/ 206 阅读

相关学习笔记——跳转锚点

> 有时，点击选项卡或者边栏时，不跳转页面，而是滚动到某一标签特定的位置。这是我们需要用到跳转锚点这一功能。 -------------------- 一。方法一：

待我称王封你为后i/ 2022年11月09日 14:21/ 0 赞/ 251 阅读

相关 CSDN锚点跳转

学习锚点跳转跳转到footer处的锚点链接，点击即会跳转第一步 [跳转到footer处的锚点链接，点击即会跳转](footer) 第

谁借莪１个温暖的怀抱￠/ 2022年10月26日 14:26/ 0 赞/ 242 阅读

相关 uni-app 锚点跳转

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

妖狐艹你老母/ 2022年10月18日 14:56/ 0 赞/ 305 阅读

相关 js跳转到锚点

1，在页面添加location.hash可实现无论哪个页面跳到该页面都跳到固定位置。 <script language="[JavaScript][]">

雨点打透心脏的1/2处/ 2022年07月16日 11:12/ 0 赞/ 316 阅读

相关天猫，京东各大网站锚点的跳转

// 点击导航 <div class="left\_bar" style=""> <a class="bar\_one" href="\s\_1"> <span cla

快来打我*/ 2022年06月17日 12:51/ 0 赞/ 271 阅读

相关 html页面内跳转的锚点设置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

红太狼/ 2022年03月12日 07:48/ 0 赞/ 339 阅读

相关锚点跳转

html锚点(mao dian)--特殊的超链接锚点(anchor)：其实就是超链接的一种，一种特殊的超链接普通的超链接，<a href="路径"></a> 是跳

忘是亡心i/ 2022年01月19日 03:49/ 0 赞/ 394 阅读

相关 vue跨页面锚点跳转

> 从theindex.vue跳转到investment.vue,`红色部分就是写入的地方` > theindex.vue ![在这里插入图片描述][watermark_t

偏执的太偏执、/ 2021年12月10日 07:39/ 0 赞/ 564 阅读