返回顶部顶部按钮

-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

返回顶部顶部按钮

回答

相关问题