我有一个具有固定位置的元素，但可以使用我在thisexampleonJsFiddle.中使用的jQuery计算来左右滚动$(window).scroll(function(event){varx=0-$(this).scrollLeft();vary=$(this).scrollTop();//whetherthat'sbelowtheformif(y>=top){//ifso,adthefixedclass$('.scroll_fixed').addClass('fixed');}else{//otherwiseremoveit$('.scroll_fixed').removeCla
我有一个具有固定位置的元素，但可以使用我在thisexampleonJsFiddle.中使用的jQuery计算来左右滚动$(window).scroll(function(event){varx=0-$(this).scrollLeft();vary=$(this).scrollTop();//whetherthat'sbelowtheformif(y>=top){//ifso,adthefixedclass$('.scroll_fixed').addClass('fixed');}else{//otherwiseremoveit$('.scroll_fixed').removeCla
是否有一些示例HTML代码可以建立以下效果:有一个前景层，包含文本和图像。然后是背景层，显示图片，当用户滚动页面时，前景以正常速度滚动，但背景以较低的速度滚动。这会创建一个类似打火石的人造视角。 最佳答案 你所说的这个“人造视角”叫做parallax.网上有很多演示http://webdev.stephband.info/parallax.htmlhttp://dev.jonraasch.com/scrolling-parallax/examples/scrolling-parallax我建议在body上使用带有background
是否有一些示例HTML代码可以建立以下效果:有一个前景层，包含文本和图像。然后是背景层，显示图片，当用户滚动页面时，前景以正常速度滚动，但背景以较低的速度滚动。这会创建一个类似打火石的人造视角。 最佳答案 你所说的这个“人造视角”叫做parallax.网上有很多演示http://webdev.stephband.info/parallax.htmlhttp://dev.jonraasch.com/scrolling-parallax/examples/scrolling-parallax我建议在body上使用带有background
我试图让文本以与其父div相同的速度滚动(以1/10的速度滚动)。目前，它正在以正常速度滚动。我做错了什么？HTML:blahblahblahCSS:body{background:url(images/background.gif);}.page{overflow:auto;width:580px;color:white;}#blank{background:url(images/02.jpg)50%0no-repeatfixed;height:2300px;}JS:$('#blank').parallax("50%",0,0.1,true);$('#blankp').paralla
我试图让文本以与其父div相同的速度滚动(以1/10的速度滚动)。目前，它正在以正常速度滚动。我做错了什么？HTML:blahblahblahCSS:body{background:url(images/background.gif);}.page{overflow:auto;width:580px;color:white;}#blank{background:url(images/02.jpg)50%0no-repeatfixed;height:2300px;}JS:$('#blank').parallax("50%",0,0.1,true);$('#blankp').paralla
我正在尝试修复Section2一旦它进入视口(viewport)并且在每次滚动时左侧的下一段突出显示到另一段并且右侧的手机屏幕滑动到下一个。所以在每次滚动时，我都想突出显示下一个文本并更改手机内的屏幕，就像您在许多应用登陆页面上看到的那样。Here'sademo 最佳答案 编辑:我已经更新了代码，这是一个新的JSFiddle.旧答案:(类似于fullpage.js)由于您的HTML包含部分，因此您将每个部分的高度设置为100vh并使用视差标记标记您的帖子我假设如下:您需要每个部分滚动并填满整个屏幕。滚动条在此设置中似乎毫无用处。每个
我正在尝试修复Section2一旦它进入视口(viewport)并且在每次滚动时左侧的下一段突出显示到另一段并且右侧的手机屏幕滑动到下一个。所以在每次滚动时，我都想突出显示下一个文本并更改手机内的屏幕，就像您在许多应用登陆页面上看到的那样。Here'sademo 最佳答案 编辑:我已经更新了代码，这是一个新的JSFiddle.旧答案:(类似于fullpage.js)由于您的HTML包含部分，因此您将每个部分的高度设置为100vh并使用视差标记标记您的帖子我假设如下:您需要每个部分滚动并填满整个屏幕。滚动条在此设置中似乎毫无用处。每个
关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题editingthispost.关闭4年前。Improvethisquestion我在访问的网站中看到越来越多的网页设计趋势。问题是，我不知道它的正式名称是什么，所以我不知道如何在网页设计网站或博客中查找该主题。我想查找有关提示和最佳实践的教程和文章，但我没有找到任何内容，也不知道人们如何称呼这种设计风格。基本上，它有一个很长的首页(或内页)，有很多带有大图像和文本的水平部分。它有点像单页网站，但它不是单页的。它有点像视差，但它并没有真正使用视差效果(至少不一定)。它还与响应式设计密切
关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题editingthispost.关闭4年前。Improvethisquestion我在访问的网站中看到越来越多的网页设计趋势。问题是，我不知道它的正式名称是什么，所以我不知道如何在网页设计网站或博客中查找该主题。我想查找有关提示和最佳实践的教程和文章，但我没有找到任何内容，也不知道人们如何称呼这种设计风格。基本上，它有一个很长的首页(或内页)，有很多带有大图像和文本的水平部分。它有点像单页网站，但它不是单页的。它有点像视差，但它并没有真正使用视差效果(至少不一定)。它还与响应式设计密切
