앵커 링크를 클릭하면 URL이 영향을받지 않습니다.

여기에서 다른 게시물을 확인했는데 찾고있는 결과가 없습니다. 나는앵커 링크를 클릭하면 URL이 영향을받지 않습니다.

<a href="#about">About</a> 
<div id="about">Content of this..</div>

을 클릭합니다하고 완벽한 예를 들어 주소 표시 줄에

을 www.domain.com/#about주지 않고 해당 요소로 이동이 내가 찾은이 사이트를 확인하시기 바랍니다 here을 클릭하고 링크 중 일부를 클릭하십시오. 클릭 할 때 주소 표시 줄을 변경하지 마십시오.

출처

2013-06-09 nodebase

를 사용하는을 사용하지 말아. – Blender

@Blender 좀 더 구체적으로 알려주시겠습니까? 나는 그것을 구현하는 방법을 잘 모르겠습니다. – nodebase

나 자신과 함께 놀았으며 주제에 대한 나의 학습 내용을 요약했습니다. 여기

<A NAME="codeword">

을 무엇 A HREF 명령은 동일합니다 무슨 일이 일어나고 있어요 :

여기

<A HREF="#codeword">Blue Words</A>

점프가 페이지를 스크롤 위치를 나타내는 방법은 다음과 같습니다

다음은 기본 링크 명령이다 링크는 URL이 아닌 코드 워드에 대한 링크입니다.

주의 사항 코드 워드 앞에 # 기호가 있습니다. 내부 연결임을 나타낼 필요가 있습니다. # 기호가 없으면 브라우저는 코드 워드의 이름을 따서 명명 된 페이지 외부를 찾습니다.

"코드 워드"는 원하는 모든 것일 수 있습니다. 나는 그것을 짧게 유지하고 그것이 점프하고있는 것을 나타내도록 최선을 다합니다. 사용할 수있는 글자 수에 제한이있을 수 있지만 아직 찾지 못했습니다.

단어가 HREF를 NAME 단어로 대체한다는 점을 제외하고는 페이지가 건너 뛸 지점이 동일한 일반 형식을 따릅니다.

NAME 명령에 # 기호가 없습니다.

참고! NAME을 배치하는 위치는 화면 브라우저 상단에 나타납니다.

희망이 있습니다.

출처

2013-06-09 18:15:15 PatGW

당신은 당신이 (이 JQuery와의 이전 버전을 사용하고 있습니다) 아래의 자바 스크립트와 JQuery와, 예를 사용하여 원하는 것을 할 수 있습니다

<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 

    <script type='text/javascript'> 
    jQuery(document).ready(function($) { 

     $(".scroll").click(function(event){ 
      event.preventDefault(); 
      $('html,body').animate({scrollTop:$(this.hash).offset().top}, 1200); 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <a class="scroll" href="#codeword">Blue Words</a> 
    <div id="codeword"></div> 
</body> 
</html>

출처

2014-11-09 18:44:20 n0rman0

window.location.hash = ""

내가 찾을 수있는 가능한 방법입니다.

hash은 # 옆에 문자열을 제공합니다.

출처

2016-03-08 10:23:08

// 당신은 기본 동작을 방지하기 위해 자바 스크립트를 사용해야합니다 클래스

$(document).ready(function(){ 
$(".mouse").on('click', function(event) { 
// Make sure this.hash has a value before overriding default behavior 
    if (this.hash !== "") { 
    // Prevent default anchor click behavior 
    event.preventDefault(); 
// Store hash 
    var hash = this.hash; 
// Using jQuery's animate() method to add smooth page scroll 
    // The optional number (800) specifies the number of milliseconds it takes 
to scroll to the specified area 
    $('html, body').animate({ 
    scrollTop: $("#section").offset().top 
    }, 800, function(){ 
    // Add hash (#) to URL when done scrolling (default click behavior) 
    window.location.hash = ""; 
    }); 
} // End if }); });

출처

2017-07-03 12:30:33 Utkarsh

앵커 링크를 클릭하면 URL이 영향을받지 않습니다.

답변

관련 문제