html - 如何制作一个滚动到页面底部的按钮？

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>