상단 코드로 스크롤

-2

사용자가 갤러리의 축소판을 클릭하면 페이지가 자동으로 위쪽으로 스크롤되기를 원합니다. 코드는 다음과 같습니다.상단 코드로 스크롤

<div id="gallery" class="content"> 
        <div class="wrapper"> 
         <div class="slideshow-c``ontainer"> 
          <div id="slideshow" class="slideshow"></div> 
         </div> 
        </div> 
       </div> 
       <div id="thumbs" class="navigation"> 
        <h3>Gallery</h3> 
        <ul class="thumbs noscript"> 
         <li> 
          <a class="thumb" href="images/slider-img1.jpg" title=""> <img src="images/page1-img1.jpg" alt="" /><span></span> </a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img2.jpg" title=""> <img src="images/page2-img1.jpg" alt="" /> <span></span></a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img3.jpg" title=""> <img src="images/page2-img2.jpg" alt="" /> <span></span></a> 
         </li> 
         <li class="last"> 
          <a class="thumb" href="images/slider-img4.jpg" title=""> <img src="images/page3-img1.jpg" alt="" /> <span></span></a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img5.jpg" title=""> <img src="images/page1-img2.jpg" alt="" /> <span></span></a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img6.jpg" title=""> <img src="images/page1-img3.jpg" alt="" /> <span></span></a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img7.jpg" title=""> <img src="images/page1-img4.jpg" alt="" /><span></span> </a> 
         </li> 
         <li class="last"> 
          <a class="thumb" href="images/slider-img8.jpg" title=""> <img src="images/page1-img5.jpg" alt="" /> <span></span></a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img9.jpg" title=""> <img src="images/page1-img6.jpg" alt="" /><span></span> </a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img10.jpg" title=""> <img src="images/page1-img7.jpg" alt="" /> <span></span></a> 
         </li> 
         <li> 
          <a class="thumb" href="images/slider-img11.jpg" title=""> <img src="images/page1-img8.jpg" alt="" /> <span></span></a> 
         </li> 
         <li class="last"> 
          <a class="thumb" href="images/slider-img12.jpg" title=""> <img src="images/page1-img9.jpg" alt="" /> <span></span></a> 
         </li> 
         <li class="last2"> 
          <a class="thumb" href="images/slider-img13.jpg" title=""> <img src="images/page1-img10.jpg" alt="" /> <span></span></a> 
         </li> 
         <li class="last2"> 
          <a class="thumb" href="images/slider-img14.jpg" title=""> <img src="images/page1-img11.jpg" alt="" /> <span></span></a> 
         </li> 
         <li class="last2"> 
          <a class="thumb" href="images/slider-img15.jpg" title=""> <img src="images/page1-img12.jpg" alt="" /><span></span> </a> 
         </li> 
         <li class="last last2"> 
          <a class="thumb" href="images/slider-img16.jpg" title=""> <img src="images/page1-img13.jpg" alt="" /> <span></span></a> 
         </li> 

        </ul> 
       </div> 
      </div> 
     </div> 
     <div class="block"></div>

출처

2013-02-15 user2077202

이미지에 설정된 태그에 href가 있습니다. 그냥 이미지를 자체 페이지에로드하는 것이 아닌가요?

ID를 사용하여 페이지의 특정 영역을 타겟팅하여 스크롤 할 수 있습니다.

<a href="#someid">Scroll</a> 

More page content 

<div id="someid"> 
    Content to scroll too 
</div>

출처

2013-02-15 22:50:23 Phil

예, 이미지를 클릭하면로드해야하며 동시에 페이지가 맨 위로 스크롤해야합니다. – user2077202

나는 내가 이해할 지 모르겠다. 이미지가 자체 창에로드되는 경우 새 페이지의 맨 위로 스크롤하지 않아야합니까? – Phil

http://lashstudio.comuf.com/gallery.html 이것은 웹 사이트와 갤러리입니다. 어쩌면 당신은 이해할 수 있습니다. – user2077202

상단 코드로 스크롤

답변

관련 문제