返回頂部頂部按鈕

-1

我正在嘗試爲我的網站創建一個返回頂部按鈕。返回頂部頂部按鈕

究竟是什麼下面做會導致它無法正常工作：

body[data-smooth-scrolling="1"] #to-top { 
    right: 33px; 
}

來源

2014-03-19 rikket

它的目標是在身體＃到頂部元素與數據 - 屬性平滑滾動=「1」。它將它的容器右側的33像素元素對齊 – Huangism

添加到Sebsemillia的答案，加入以下<head>應該動畫滾動頂部：（假設jQuery是加載）

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    $('a[href*="#"]').click(function() { 
     var anchor = $('#'+this.href.split('#')[1]); 
     $('html,body').animate({scrollTop: anchor.offset().top},'slow'); 
     return false; 
    }); 
}); 
</script>

來源

2014-03-19 19:24:58 yitwail

如果你想要一個簡單的「頂部」的功能，請執行下列操作：

1）添加的目標ID來在HTML頂部的元素，像這樣的：）

<body> 
    <div id="ToTopTarget"> 
     content 
    </div> 
</body>

2.添加一個錨鏈接的目標是：

<a href="#ToTopTarget">Back To Top</a>

總之你有這樣的例子代碼：

<body> 
    <div id="ToTopTarget"> 
     content 
    </div> 
    <a href="#ToTopTarget">Back To Top</a> 
</body>

如果你想描述你的榜樣的功能，看看Huangism的解釋。

來源

2014-03-19 18:45:14 Sebsemillia

返回頂部頂部按鈕

回答

相關問題