Html 滚动到页面底部，点击页眉-仅CSS_Html_Css_Scroll_Css Selectors

Html 滚动到页面底部，点击页眉-仅CSS

html css scroll

Html 滚动到页面底部，点击页眉-仅CSS,html,css,scroll,css-selectors,Html,Css,Scroll,Css Selectors,我有一个横跨整个屏幕的标题（这是一个图像）。每当我点击页眉时，我希望页面向下滚动（平滑地…）到不同的元素问题是我正试图通过CSS来实现这一点，这样我就可以拥有更好的智能手机体验。我看过几个教程，但它们似乎都使用外部固定导航栏我注意到有一个新的psuedo类：has（），它选择父类，可能非常有用。浏览器还支持它吗谢谢大家! 代码结构，或多或少： <body> <img src="foobar.jpg" id="header" /> <!-- Oncl

我有一个横跨整个屏幕的标题（这是一个图像）。每当我点击页眉时，我希望页面向下滚动（平滑地…）到不同的元素

问题是我正试图通过CSS来实现这一点，这样我就可以拥有更好的智能手机体验。我看过几个教程，但它们似乎都使用外部固定导航栏

我注意到有一个新的psuedo类：has（），它选择父类，可能非常有用。浏览器还支持它吗

谢谢大家!

代码结构，或多或少：

<body>
    <img src="foobar.jpg" id="header" /> <!-- Onclick, scroll down to div -->
    <div id="SecondElement">
        All sorts of information
    </div>
</body>


各种各样的信息

CSS方法跳转到与href匹配的id的DIV。不顺利

<ul>
 <li><a href="#1">Content 1</a></li>
 <li><a href="#2">Content 2</a></li>
 <ul>

  <div id="1"</div>
  <div id="2"></div>

为了最直接地回答您的问题，

：has

，或者任何其他css4功能都不受任何浏览器的支持。当前的标准是CSS3，它刚刚开始从现代浏览器获得更广泛的支持。现在，为了创建滚动页面，您必须使用该页面上的示例，或者如果您对某些内容有更直接的问题，您可以在这里提问。

仅说平滑滚动不适用于CSS。如果你不能使用JS，你就不能改变页面滚动的方式。你是什么意思？使用锚和动画？看这里：是的，你根本没有从你的问题中说清楚。你说的听起来像是你想做一些事情，比如，你可以定义滚动，这是不可能的，就像我说的。如果你的问题实际上是我们是否可以为你编写生成该页面的代码，答案是：对不起，我们不是编程侏儒的大军，你必须带着一个实际的问题回来。PS:the

：has

您正在谈论的东西是。如果您正在尝试制作与您正在链接的东西一样工作的东西，那么请按照您刚刚链接的说明进行操作。首先，如果您使用更友好的语言，我将不胜感激。我很抱歉，我不明白你的错误的来源或你认为我的意思。我没有要求任何人编写完整的代码，只是为了让我知道应该如何做。其次，我提到的选择器是在CSS4:中实现的，我只是不知道它是否受支持。我熟悉基本锚，但我想坚持使用纯CSS。谢谢你的帮助。正如我在问题中所写的，我确实看到了一些教程，但它们没有帮助，因为它们使用外部导航栏。我希望单击的元素位于容器本身内部。

 $(document).delegate('.your-button', 'click', function () {
        $('body').scrollTo('#target'); // Scroll  to target element
        return false;
    });