위로 스크롤 버튼이 작동하지 않습니다.

블로거 블로그에서 위로 (맨 위로) 버튼을 위로 이동하려고합니다.위로 스크롤 버튼이 작동하지 않습니다.

원칙적으로 매우 간단해야하지만, 왜 그렇게 할 수는없는 것입니다. 지금 많은 것을 시도한 후에 나는 완전히 좌절합니다.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"><img src="url address of image" /></a>

버튼은 예상대로 있습니다,하지만 난 그것을 클릭하면, 대신 상단에 갈의 블로그를 다시로드 :

나는 다음과 같은 HTML 코드를 사용하고 있습니다. 왜?? 실마리 없음.

로고 이미지에서 "id"를 사용하여 링크를 시도했는데 블로그 헤드에서 "name = Top"이라는 이름 태그를 사용하고 href = "# Top "하지만 그것은 중요하지 않습니다. 항상 블로그를 다시로드합니다.

예를 들어, 게시물 안에 있고 버튼을 클릭하면 게시물 내에서 스크롤하는 대신 기본 페이지로 이동합니다.

직접 확인하고 싶다면하십시오. 내 블로그는 cortarcoserycrear.blogspot.com

무엇이든지 당신이 나에게 제공 할 수 있다면 그것은 무슨 일이 일어나고 있는지 모르기 때문에 매우 감사 할 것입니다.

감사합니다.

출처

2013-06-29 cardogar

이렇게하려면 Javascript/JQuery를 사용해야합니다.

이 질문을 참조하십시오 : 나는 마침내 내 문제를 해결하는 데 사용 무엇 How to scroll to top of page with JavaScript/jQuery?이

출처

2013-06-29 10:55:10

우수함! 정말 고맙습니다! 문제 해결됨! – cardogar

이었다

버튼 HTML :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#wrap" class='go-to-top' title="Back to top"><img src="image url" /></a>

바디 HTML :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/> 
    <script> 
    $(function() { 
    $(&#39;.go-to-top&#39;).click(function() { 
    $(&#39;html,body&#39;).animate({ 
    scrollTop: 0 
    }, 500); 
    return false; 
    }); 
    }); 
    </script>

출처

2013-07-02 09:38:38 cardogar

위로 스크롤 버튼이 작동하지 않습니다.

답변

관련 문제