<分区>
标签 javascript jquery html css
我正在尝试在与本网站非常相似的页面文本上制作一个垂直滚动的图片库 https://kontorkontor.dk/你能帮我弄清楚怎么做吗？
最佳答案
将文本设置为位置固定。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>bruh</title>
<style>
img {
height: 65vh;
width: auto;
left: 50%;
transform: translateX(-50%);
display: block;
position: relative;
margin: 200px 0;
}
ul {
position: fixed;
top: 0;
}
ul li {
list-style: none;
font-size: 150px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
</style>
</head>
<body>
<ul>
<li>Hey guys</li>
<li>+31 6 5342674</li>
<li>hoi@google.com</li>
</ul>
<section class="gallery">
<img src="http://juliecristobal.com/wp-content/uploads/2018/11/20180601_Emma_09_0509-copie.jpg" alt="image">
<img src="http://juliecristobal.com/wp-content/uploads/2018/11/20180701_Schon__010127.jpg" alt="image">
<img src="http://juliecristobal.com/wp-content/uploads/2018/11/SK_FW18_ADDITIONALPIC_06_WEB.jpg" alt="image">
<img src="http://juliecristobal.com/wp-content/uploads/2018/11/20180415_Elodie_05_1176-2-copie-1.jpg" alt="image">
</section>
</body>
</html>关于javascript - 垂直滚动图片库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55375198/