在某个滚动点启动页面

你误会了。也许我应该刚刚编辑您的答案，但我所做的只是批评您为第一个解决方案提供的标题 - 而不是解决方案本身。您将其命名为“CSS 解决方案”，但它应该被命名为“HTML 解决方案”或“HTML/DOM 解决方案”，因为它不涉及 CSS。它使用 id 的事实意味着它使用 DOM，但您不必具有与 id 关联的样式即可使其工作。 (5认同)
您的第一个解决方案是 HTML 或 DOM 解决方案。它与 CSS 无关。 (4认同)

Answer 3

Uda*_*ale 10

这些是非常简单的技巧:

创建css偏移类并分配给正文
```
.offset{
     margin-top:-500px;
    }
```
Run Code Online (Sandbox Code Playgroud)
因此,该主体将从顶部偏移500px
然后将以下代码添加到正文中
```
<body class="offset" onLoad="window.scroll(0, 150)">
```
Run Code Online (Sandbox Code Playgroud)
然后使用jquery,在加载页面时删除偏移类
```
$(document).ready(function(){
   $(".row").removeClass("offset");
});
```
Run Code Online (Sandbox Code Playgroud)

Answer 4

bry*_*aun 10

当前的答案会导致页面显示"跳跃",或者要求您知道要跳转的确切像素数.

我想要一个跳过容器的解决方案,无论容器的大小/内容如何,这就是我想出的:

HTML

<div class="skip-me">Skip this content</div>

Run Code Online (Sandbox Code Playgroud)

CSS

// Hide the content initially with display: none.
.skip-me {
  display: none;
}
.unhide {
  display: block;
}

Run Code Online (Sandbox Code Playgroud)

JS

// Unhide the content and jump to the right place on the page at the same time
function restoreAndSkipContent() {
  var hidden = document.querySelector('.skip-me');

  hidden.classList.add('unhide');
  window.scroll(0, hidden.offsetHeight);
};
restoreAndSkipContent();

Run Code Online (Sandbox Code Playgroud)

在这里工作演示

Answer 5

Anu*_*rni 7

HTML - 命名锚点

您还可以使用好的旧锚.使用定义命名锚点

     <a id="start">any text</a>

Run Code Online (Sandbox Code Playgroud)

这应该在必须在视野中定义.因为即使在屏幕的底部也可以看到它,你可能需要将锚点略低于要求.这样我们就可以确保不需要显示的顶部内容被很好地隐藏.一旦定义为在页面加载时向下滚动,URL应该是page.aspx #start而不是page.aspx

<a href="#start">access within the same page</a>

<a href="page.aspx#start">access from outside the page</a>

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，8 月前
查看次数：	59325 次
最近记录：	6 年，6 月前