滚动到顶部代码

-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 2013-02-15 22:53:01

我不确定我是否理解。如果图像加载到自己的窗口中，是否应该不滚动到新页面的顶部？ – Phil 2013-02-16 00:58:55

http://lashstudio.comuf.com/gallery.html这是网站和画廊，也许你会明白 – user2077202 2013-02-16 10:09:42

滚动到顶部代码

回答

相关问题