-1
我正在嘗試爲我的網站創建一個返回頂部按鈕。返回頂部頂部按鈕
究竟是什麼下面做會導致它無法正常工作:
body[data-smooth-scrolling="1"] #to-top {
right: 33px;
}
我正在嘗試爲我的網站創建一個返回頂部按鈕。返回頂部頂部按鈕
究竟是什麼下面做會導致它無法正常工作:
body[data-smooth-scrolling="1"] #to-top {
right: 33px;
}
添加到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>
如果你想要一個簡單的「頂部」的功能,請執行下列操作:
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的解釋。
它的目標是在身體#到頂部元素與數據 - 屬性平滑滾動=「1」。它將它的容器右側的33像素元素對齊 – Huangism