个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我需要你的帮助
我的代码有一个奇怪的错误。
问题是指向“主页”的内部链接和指向“页脚”的内部链接不起作用，而其他的则工作正常。
但是当我从 css 的 .menu a 中删除颜色:#ffffff 时，它们都起作用了。
我不知道如何解决这个问题
有人有想法吗？
html {
scroll-behavior: smooth;
}
body{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*menu fixe*/
.menu{
position: fixed;
left: 0;
bottom:60vh;
z-index: 10;
}
.menu ul{
list-style: none;
padding: 0;
margin: 0;
}
.menu li{
padding: 10px;
}
.menu a{
text-decoration: none;
text-transform: uppercase;
padding: 10px;
color: #ffffff;
}
.menu a:hover{
background-color: black;
}
/*main content*/
.wrapper{
width: 60%;
margin: 0 auto;
}
/*header*/
.header{
width: 100%;
height: 100vh;
top: 0;
background-color: #D4726A;
position: sticky;
z-index: -1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
/*boxes-all*/
.box-container {
height: 100vh;
width: 100%;
}
.box-header{
height: 40vh;
width: 100vw;
position: sticky;
top: 1px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
background-color: lightblue;
}
.box-content{
height: 60vh;
width: 100%;
text-align: center;
background-color: grey;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
/*boxes-each*/
.box-header-first{
background-color: #447684;
}
.box-content-first{
background-color: #0F414F;
}
.box-header-second{
background-color: #51A35F;
}
.box-content-second{
background-color: #10621E;
}
.box-header-third{
background-color: #67989A;
}
.box-content-third{
background-color: #0D4A4D;
}
/*footer*/
.footer{
height: 100vh;
width: 100%;
margin: 0;
bottom:0;
position: sticky;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
z-index: -2;
background-color: #D4A06A;
}<!DOCTYPE html>
<html lang="fr">
<head>
<!-- En-tête de la page -->
<meta charset="utf-8" />
<title>titre</title>
<link rel="stylesheet" type="text/css" href="sticky.css">
</head>
<body>
<div class="body">
<!-- menu fixe -->
<div class="menu">
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#boxone">box one</a></li>
<li><a href="#boxtwo">box two</a></li>
<li><a href="#boxthree">box three</a></li>
<li><a href="#footer">footer</a></li>
</ul>
</nav>
</div>
<!-- contenu -->
<div class="container">
<!-- main content -->
<div class="sticky">
<!-- header -->
<div class="header" id="home">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
<!-- boxes -->
<div class="box-container" id="boxone">
<div class="box-header box-header-first">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
<div class="box-content box-content-first">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
</div>
<div class="box-container" id="boxtwo">
<div class="box-header box-header-second">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
<div class="box-content box-content-second">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
</div>
<div class="box-container" id="boxthree">
<div class="box-header box-header-third">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
<div class="box-content box-content-third">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer" id="footer">
<div class="wrapper">
<p>Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</p>
</div>
</div>
</div>
</div>
</body>
</html>谢谢你:)
最佳答案
这是一个很简单的问题，
请删除
top: 0;
.header 类中的属性。
和:
bottom: 0;
.footer 类的属性。
或复制粘贴此样式而不是您的 .header 样式
/*header*/
.header{
width: 100%;
height: 100vh;
background-color: #D4726A;
position: sticky;
z-index: -1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
关于html - 更改颜色后内部链接不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52918884/
25
4
0
我正在阅读 java swing，但在理解它时遇到问题。 Color 是一个类吗？ Color[] col= {Color.RED,Color.BLUE}; 这在java中是什么意思？ 最佳答案 Is
我正在研究用 python 编写的 pacman 程序。其中一个模块是处理吃 bean 游戏的图形表示。这当然是一些主机颜色。列表如下: GHOST_COLORS = [] ## establishe
本网站:http://pamplonaenglishteacher.com 源代码在这里:https://github.com/Yorkshireman/pamplona_english_teache
我最近将我的手机更新为 Android Marshmallow 并在其上运行了我现有的应用程序，但注意到颜色行为有所不同:将更改应用到 View (可绘制)的背景时，共享相同背景的所有 View (引
所有 X11/w3c 颜色代码在 Android XML 资源文件格式中是什么样的？ I know this looks a tad ridiculous as a question, but giv
试图让 ffmpeg 创建音频波形，同时能够控制图像大小、颜色和幅度。我已经尝试过这个(以及许多变体)，但它只是返回无与伦比的 "。 ffmpeg -i input -filter_complex "
我很好奇你是否有一些关于 R 中颜色酿造的技巧，对于许多独特的颜色，以某种方式使图表仍然好看。 我需要大量独特的颜色(至少 24 种，可能需要更多，~50 种)用于堆叠区域图(所以不是热图，渐变色不起
我看到的许多 WPF 示例和示例似乎都有硬编码的颜色。这些指南 - http://msdn.microsoft.com/en-us/library/aa350483.aspx建议不要硬编码颜色。在构建
我想更改文件夹的默认蓝色 如何设置？ 最佳答案 :hi Directory guifg=#FF0000 ctermfg=red 关于Vim NERDTree 颜色，我们在Stack Overflow上
是否有关于如何将任意字符串哈希为 RGB 颜色值的最佳实践？或者更一般地说:3 个字节。 你问:我什么时候需要这个？这对我来说并不重要，但想象一下任何 GitHub 上的那些管图 network pa
我正在尝试将默认颜色设置为自定义窗口小部件。 这是有问题的代码。 class ReusableCard extends StatelessWidget { ReusableCard({this.
import javax.swing.*; import javax.swing.table.DefaultTableCellRenderer; import javax.swing.table.Ta
我有一个 less 文件来定义一堆颜色/颜色。每个类名都包含相关颜色的名称，例如 .colourOrange{..} 或 .colourBorderOrange{..} 或 navLeftButtOr
我有一个RelativeLayout，我需要一个黑色背景和一个位于其中间的小图像。我使用了这段代码: 其中@drawable/bottom_box_back是: 这样我就可以将图像居中了。但背
我需要设置 浅色 的 JPanel 背景，只是为了不覆盖文本(粗体黑色)。 此刻我有这个: import java.util.Random; .... private Random random =
我正在尝试制作一个自定义文本编辑器，可以更改特定键入单词的字体和颜色。如何更改使用光标突出显示的文本的字体和/或颜色？ 我还没有尝试过突出显示部分。我尝试获取整个 hEdit(HWND) 区域并更改字
我想改变我整个应用程序的颜色。 在我的 AndroidManfiest.xml 中，我有正确的代码: 在 values 文件夹中，我有 app_theme.xml: @style/MyAc
是否可以使用 android 数据绑定(bind)从 xml 中引用颜色？ 这很好用: android:textColor="@{inputValue == null ? 0xFFFBC02D : 0
有没有办法在 Android 应用程序中设置“空心”颜色？ 我的意思是我想要一个带有某种背景的框，而文本实际上会导致背景透明。换句话说，如果整个 View 在蓝色背景上，文本将是蓝色的，如果它是红色的
我用CGContextStrokePath画在白色背景图片中的一条直线上，描边颜色为红色，alpha为1.0画线后，为什么点不是(255, 0, 0)，而是(255, 96, 96)为什么不是纯红色？
我是一名优秀的程序员,十分优秀！