相关疑难解决方法(0)

CSS 中的平滑滚动

我正在尝试scroll-behavior在这个网站上工作。我已经放置了滚动容器、放置了 ids、固定了 css,但它不起作用。关于为什么平滑滚动不起作用的任何想法?

我需要的是导航栏区域平滑滚动到页面上的适当区域。所以菜单到菜单,交易到交易,关于到关于等等......我不明白为什么平滑滚动不起作用。有任何想法吗?谢谢!

/* Main Body Styles */

body {
  margin: 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-align: center;
  background-color: #f9f9f9;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238b8b8b' fill-opacity='0.07' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  font-family: var(--main-font);
}

a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

hr {
  border: 0;
  height: 1px;
  margin: 0 0 1.5em 0;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: …
Run Code Online (Sandbox Code Playgroud)

html css scroll smooth-scrolling

9
推荐指数
1
解决办法
7151
查看次数

标签 统计

css ×1

html ×1

scroll ×1

smooth-scrolling ×1