【问题标题】:Hide a div then fade in another div when user scrolls当用户滚动时隐藏一个 div 然后淡入另一个 div
【发布时间】:2013-09-06 12:47:59
【问题描述】:

我需要让一个 div 在滚动时淡出并在同一行上淡入另一个。

页面为 100% 高度,底部有滚动说明。当用户滚动到 100% 高度介绍部分下方的部分时,我需要这些指令淡出,新指令淡入。

有没有简单的方法用 jquery 做到这一点?

谢谢

http://jsfiddle.net/pLf9b

我需要先让滚动查看可见,然后在用户滚动该部分时立即显示第一册和第二册文本

找到了这个,但对我所追求的不起作用

 var divs = $('.social, .title');
 $(window).scroll(function(){
 if($(window).scrollTop() <10 ){
     divs.stop(true,true).fadeIn("fast");
 } else {
     divs.stop(true,true).fadeOut("fast");
 }
 });​

【问题讨论】:

  • 你有没有为此尝试过:)
  • 是的,我尝试了一些我发现的东西,但与我之后的东西没有什么相似之处 他们似乎只有在页面完全滚动到底部时才会激活
  • 请附上您已经尝试过的内容
  • 抱歉,花了一些时间来整理它。 Tho jqueyr 没有处理这个jsfiddle.net/pLf9b 我需要滚动查看首先可见,然后显示第一册和第二册文本

标签: jquery scroll show-hide


【解决方案1】:

使用

$('#column-left').scroll(function() {..}

 $('#column-right').scroll(function() {..}

而不是

$(window).scroll

fadein()fadeout() 函数可以正常工作。

您需要进行一些更小的修改才能达到您的需要。

【讨论】:

  • 你能不能详细点,我写jquery的时候没希望了。
  • 那是我的小提琴,没​​有改变。
  • 谢谢,这确实有效,但是我需要 Book 文本开始隐藏,然后在滚动文本消失后显示。这可能吗@Sharun
  • Scroll 两侧的文本可查看更多内容。我想要
    一本书    |   生活方式与INTERIORS
    和另一侧在加载时不显示任何内容,当触发滚动并且滚动文本消失时,我希望两个 div 显示滚动查看消失的方式,这有意义吗?
  • 我想我是根据您的代码完成的,jsfiddle.net/strohy85/5esBK/1。这是最好的方法吗.. 它有点马车,有时会闪烁,不流畅
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-04
  • 2012-02-25
  • 1970-01-01
  • 2015-03-26
  • 1970-01-01
相关资源
最近更新 更多