在 css3 中需要有关缓和滚动的帮助

Question

谁能帮我弄出类似本站的滚动效果。 http://www.starworksgroup.com/ 我正在开发一个内容结构类似于参考站点的单页网站。

Answer 1

这是一个 JavaScript 实现，无法使用 CSS 实现。尝试禁用 JS 并刷新，看着它崩溃。

Here 是从该 WP 主题到 JS 文件的 link。

Answer 2

实施jQuery 并添加此脚本:)

<script type="text/javascript">
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')        
&& location.hostname == this.hostname) {
  var target = $(this.hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  if (target.length) {
    $('html,body').animate({
      scrollTop: target.offset().top
    }, 1000);
    return false;
    }
  }
});
});

在 css3 中需要有关缓和滚动的帮助

Need help on easing scroll in css3

html

css

scroll

effect