zoukankan      html  css  js  c++  java
  • 各种HTML锚点跳转方式

    1 js控制锚点跳转

    <a name="anchor"></a>

    location.hash="anchor";

    不只有a其他元素也可以,比如在报表中:
    <tr id="tr1">...</tr>
    location.hash="tr1"
    或者用jQuery的动画滚动效果:
    var id="tr1";
    $('html,body').animate({scrollTop: $("tr#"+id).offset().top}, 500);

    2 html控制锚点跳转

    <a href="#btn">跳转到点击位置</a>
    <a name="btn" id="btn" > 点击</a>

    3跨页面锚点跳转

    代码如下
    <a href="123.html#btn">跳到btn</a>
    <a name="btn" id="btn" > </a>

    4js控制锚点跳转在HTML中实现方式

    1. <div id="divNode"><!-- contents --></div><!-- 假设一个需要跳转到的节点 -->  
    2. <href="#" onclick="document.getElemetnById('divNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>  
  • 相关阅读:
    If选择结构
    三元运算符
    顺序结构
    键盘输入使用
    逻辑运算符
    关系运算符
    自增自减运算符
    《黑客与画家》阅读笔记1
    周总结1
    2020年秋季个人阅读计划
  • 原文地址:https://www.cnblogs.com/bluesky1024/p/7251222.html
Copyright © 2011-2022 走看看