DIvs의 세로 스크롤 내용 - 다시로드

스크롤 내에서 텍스트 및 이미지 내용을 표시하기 위해 여러 div 컨테이너 내에 스크롤 막대를 만들 때 가장 간단한 HTML '오버플로 : 스크롤'유형 마크 업을 사용하고 있습니다. 탭 연결 내에서 div를 호출하는 탭 컨텐트 영역 내에서 설정을했습니다. 가능하다면 사용자가 다른 탭을 탐색 한 다음 다시 스크롤하면 스크롤 막대가 맨 위로 다시로드되고 다시 아래로 스크롤 할 수 있도록 허용하는 방법을 파악하려고합니다.DIvs의 세로 스크롤 내용 - 다시로드

거의 마크 업;

 <li class="newtab"> 

<!--JS Rollover Button for Tab--> 

<a href=#tab13 onMouseOver= "if (document.images) document.tab_recordedattack_off1.src= 'img/Btns/tab_recordedattack_on1.png';" onMouseOut= "if (document.images) document.tab_recordedattack_off1.src= 'img/Btns/tab_recordedattack_off1.png';"><img src="img/Btns/tab_recordedattack_off1.png" name=tab_recordedattack_off1 border=0></a> 

<!--End JS Rollover Button for Tab--> 

     </li> 

    </ul> 

    <div class="tab_container"> 

     <div id="tab13" class="tab_content"> 

      <div class="tabright"> 

<div style="border:0px solid black;width:500px;height:400px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;">

나는 스크롤 영역의 상단에 간단한 HTML 앵커 포인트를 설정하고 어떻게 든 탭 링크 내에서에 전화를하려고 생각했습니다 -하지만 그 작업을 수행하는 방법을 알아낼 수 없습니다.

제안 사항? - 탭 링크로 내용과 앵커 포인트를 어떻게 가리킬 수 있습니까?

출처

2011-10-01 Fred Randall

당신은 스크롤 재설정 jQuery를 사용할 수 있습니다 http://jsfiddle.net/Cqhch/

$("button").click(function(){ 
     $("div:first").scrollTop(0); 
    });

출처

2011-10-01 15:45:16 imsky

Rad- 덕분에, 그러나 이것은 가장 좋은 방법은? 내 페이지가 이미 jQuery, Scripts에서 다루어지고 있으며 이미 많은 양의 라이브러리를 호출하고 있으며 최적화를 시작하면서 점점 멀어지고 싶기 때문에 마크 업 또는 CSS로이 작업을 수행하기를 희망했습니다. –

안타깝게도 자바 스크립트 (또는 iframe)없이 요소 내부를 스크롤 할 수 없습니다. – imsky

DIvs의 세로 스크롤 내용 - 다시로드

답변

관련 문제