div가 스크롤 할 때까지 div를 숨기기

-1

내 페이지 상단에있을 때 <DIV>이 보이지 않지만 스크롤 할 때마다 오른쪽 상단의 링크가 나타납니다. 페이지. 자바 스크립트를 사용하는 것이 더 쉬울까요 아니면 그냥 HTML로 할 수있는 방법이 있습니까?div가 스크롤 할 때까지 div를 숨기기

출처

2013-01-04 Guchie

초기에 숨겨진 "맨 위로 돌아 가기 버튼"을 만들고 싶고 그 부분을 다루는 많은 질문/답변이있는 것처럼 보입니다. –

나는 이미 상단 링크로 돌아 왔는데, 나는 위치를 사용하여 항상 볼 수있는 대신에 스크롤 할 때 볼 수 있도록하는 방법을 알아 내려고 시도하고있다 : 고정. – Guchie

JUST HTML과 CSS로는이 작업을 수행 할 수 없습니다 ... Javascript를 사용해야 페이지가 스크롤되었는지 확인할 수 있습니다. – rlemon

글쎄, 자바가 없다면 이렇게 할 방법이 없다. 이 같은

가정 HTML : 때문에 가시성없이 여기에 사용자가 보거나을 클릭 할 수 없습니다 : 당신은 여전히 "고정 된 위치"를 사용할 수 있습니다

$(window).scroll(function() { // when the page is scrolled run this 
    if($(this).scrollTop() != 0) { // if you're NOT at the top 
     $('#top').fadeIn("fast"); // fade in 
    } else { // else 
     $('#top').fadeOut("fast"); // fade out 
    } 
}); 

$('#top').click(function() { // when the button is clicked 
    $('body,html').animate({scrollTop:0},500); // return to the top with a nice animation 
});

<button id="top">Top</button>

는 다음과 같은 코드를 사용할 수 있습니다 .

출처

2013-01-04 14:06:49 rlemon

나는 이것을 시험해 보았지만 맨 위 오른쪽 꼭대기에만 붙어있는 것 같았습니다. 숨기지 않는 것 같습니다. 그것은 여기에 있습니다 : http://cielprince.tumblr.com – Guchie

당신은 오른쪽 상단에 넣었습니다 : P 내가 보게 될 나머지 코드. '#top {위치 : 고정; 상단 : 0 픽셀; 오른쪽 : 0px; Z- 색인 : -999px; }' – rlemon

OK, 나는 당신에게 준 HTML과 함께 JS 코드를 찾을 수 없습니다 ... 거기도 있습니까? – rlemon

div가 스크롤 할 때까지 div를 숨기기

답변

관련 문제