Question

I wish to make a menu. Usually to help the visitor to get to a specific area I'll use this method :

<a href="#id">

would scroll to an element on the current page such as <div id="id">.

I wish to know can this be possible to write in javascript? such as my guess

<a href="javascript:#id"></a>  <div id="id">

Answer 1

只需<a> href并使用元素ID即可完成工作：

<a href="#{id}"></a>

但是如果出于一些疯狂的原因你想使用javascript（为什么？），这是一种方式：

#foo {
    margin-top: 500px
}

<a href="#" onclick="window.location.href='#foo'; return false;" id="anchor">Click to go to foo</a>
 <div id="foo">Some foo content</div>
 <br>
 <a href="#anchor">Back to anchor</a>

Answer 2

自动滚动功能通过java脚本函数滚动任何div或body 它适用于任何元素的滚动功能都有溢出样式无论身体还是div

使用BY功能＆LT; a onclick =“MWScroll（body Id，target Id，margin top）”＆gt; ＆LT; / a＆gt;

变量： tb = body Id哪个元素有溢出样式

tid = div Id或任何elmeant都有块样式你的目标

tde =目标元素与其身体顶部之间滚动后的边距 `

function MWScroll(tb,tid,tde) {
     var TY = 0;
         TY = document.getElementById(tid).offsetTop;
        document.getElementById(tb).scroll(0, TY -tde);

    }

转移<a href="#id"> to a javascript

2 个答案: