Question

我想定义超链接href "#"

的默认位置

 <div class="main" id="#a">
        <div class="child"> <a href="#">click</a>
        </div>
 </div>

我想要一种情况，即如果用户点击了某个网址，例如：

<a href="#">click</a>

他被id="#a"重定向到div类。我希望div类成为页面的默认顶部，而不是将用户带到页面的最顶层。

Answer 1

所以你想改变以下的默认行为：

<a href="#">click</a>

所以它会转到你的“主要”div：<div class="main">content</div>

使用javascript和jQuery可以做的是编写一个函数来使用href =“＃”来识别页面上的锚元素，并告诉他们执行您想要的行为而不是默认行为，如下所示：

// select a elements with href="#" and add event listener on click
$( 'a[href="#"]' ).on( 'click', function( e ){

    // prevent default behaviour of jumping to the top of the page
    e.preventDefault();

    // get target element position in pixels
    target = $( $( 'div.main' ) ).position().top;

    // animate a scroll effect to the pixel location
    $('html,body').stop().animate({ scrollTop: target });
} );

Answer 2

你可以尝试

<a href="#a">click</a>

我想定义超链接href“＃”的位置

2 个答案: