我正在制作一个具有视差滚动效果的网站。我已经尝试添加了一个导航栏,如第一张图片所示。但它总是停留在图片之上,我在css中尝试了多种方法,但都没有结果。 <!-- https://codepen.io/Yung_n-d/pen/mdwQGqX --> The navbar is above the image
我有一排桌子:
<ul>
<li>This</li>
<li>is</li>
<li>my</li>
<li>cell</li>
</ul>
和一些CSS:
UL { height: 30px; float: left }
UL LI { width: 25%; height: 100%; float: left }
效果很好。但是,当我添加以下CSS时:
UL LI { overflow-x: hidden; overflow-y: visible }
单元格中的滚动条变得
我有一个带有背景图像的div。当用户滚动页面时,会将不透明度添加到图像中,以便显示第二个图像。如果你在第二张图片上添加一些风格,效果会很好。我在上找到了下面的脚本
$(window).scroll(function(e) {
var s = $(window).scrollTop(),
d = $(document).height(),
c = $(window).height(),
opacityVal = (s / 150.0);
$('.second-image').css('opacity'