如何制作一個滾動到頁面底部的按鈕？

Question

我目前正在一個網站上工作，我想制作一個將頁面滾動到底部的按鈕。 目前我已經嘗試過使用 href 來引用頁面底部，因為朋友推薦了它。 但是，它沒有用。 有什么簡單的方法可以做到這一點。 我當前的代碼<a href"#bottom"><img link></a>

我從代碼中刪除了圖像鏈接，因為它太長了。

Answer 1

您的代碼應該可以工作。 對於href"#bottom" ，您應該添加一個等號，如下所示： href="#bottom"

Answer 2

<!--kaydırma çubuğu(scroll bar) degerinin 'visible' olması ile hiç kaydırma çubuğu(scroll bar) değeri vermemeniz aynı şeyi ifade eder-->
<div id="scrollVisibleDefault"
     style="overflow: visible; width: 100px; height:100px; border-style:solid; border-width:2px;">
    visible - scroll bar vertical and horizontal | kaydırma çubuğu yatay ve dikey | www.yazilimcity.net
</div>

<br>
<br>
<br>
<br>
<br>

<!--kaydırma çubuğu(scroll bar) değerinin 'hidden' olması ile herhangi bir dışa taşma durumunda
kaydırma çubukları(scroll bars) olmayacak ve ilgili alanın boyutu kadar görünüm olacaktır-->
<div id="scrollHidden"
     style="overflow: hidden; width: 100px; height:100px; border-style:solid; border-width:2px;">
    hidden - scroll bar vertical and horizontal | kaydırma çubuğu yatay ve dikey | www.yazilimcity.net
</div>

<br>
<br>

<!--kaydırma çubuğu(scroll) değerinin 'scroll' olması durumunda herhangi bir taşma olmasa dahi
yatay ve dikey kaydırma çubukları(scroll bars) ekranda görünecek ve taşma olma durumunda aktif olacaklardır-->
<div id="scrollScroll"
     style="overflow: scroll; width: 100px; height:100px; border-style:solid; border-width:2px;">
    scroll - scroll bar
</div>

<br>
<br>

<!--kaydırma çubuğu(scroll) değerinin 'auto' olması durumunda taşma olmadığı sürece
ekranda kaydırma çucukları alanları görülmeyecek taki taşma olana kadar-->
<div id="scrollAuto"
     style="overflow: auto; width: 100px; height:100px; border-style:solid; border-width:2px;">
    auto - scroll bar
</div>
<br>
<!--kaydırma çubuğu(scroll) değerinin 'auto' olması durumunda taşma olmadığı sürece
ekranda kaydırma çucukları alanları görülmeyecek taki taşma olana kadar-->
<div id="scrollAuto"
     style="overflow: auto; width: 100px; height:100px; border-style:solid; border-width:2px;">
    auto - scroll bar taşma olan yazı örneği yazilimcity.net
        kaydırma çubuğu(scroll) değerinin 'auto' olması durumunda taşma olmadığı sürece
        ekranda kaydırma çucukları alanları görülmeyecek taki taşma olana kadar 
</div>


<br>
<br>

<!--satır içi çerçeve (iframe) de zaten kaydırma çubuğu(scroll) özelliği varsayılan olarak mevcuttur.-->
<iframe id="yazilimCityNetIFrameId" src="http://yazilimcity.net/htmlcss-yataydikey-kaydirma-cubugu-kodu-kullanimi-ornegi-htmlcss-horizontalvertical-scroll-bar-code-usage-example/"
        style="width: 200px; height: 300px; border-style:solid; border-width:5px;">
    iframe default - scroll bar vertical and horizontal | kaydırma çubuğu yatay ve dikey | www.yazilimcity.net
</iframe>