滚动固定高度div时隐藏/显示div

问题描述：

我使用文本框创建基于PHP的网站。通常情况下，文本字段会溢出，所以我使用自动溢出将其固定为高度。滚动固定高度div时隐藏/显示div

要在可见空间下面指示更多文本，我想淡出文本的底部。有很多技术可以做到这一点。我想要的方式是在文本顶部添加一个div标签，其中包含淡入透明的背景图片副本。问题是当你点击滚动底部时，我想要这个div标签隐藏，然后在滚动时再次显示，而在滚动时隐藏在显示顶部的div，以及在返回到顶部时隐藏页。

我已经适应了jsfiddle，但没有太多的样子。任何想法，我已经错过了？

原来的JS是这里http://jsfiddle.net/apaul34208/ZyKar/1067/

和我的改编版本在这里http://jsfiddle.net/ZyKar/1702/

$(document).scroll(function() { 
    //Show element after user scrolls 800px 
    var y = $('.content').scrollTop(); 
    if (y > 100) { 
     $('.bottom').fadeOut(); 
     $('.top').fadeIn(); 
    } else { 
     $('.bottom').fadeIn(); 
     $('.top').fadeOut(); 
    } 
});

我已经工作，直到我试图适应滚动的衰落是基于内容专区内滚动而不是全身。

任何帮助赞赏

答

也许如果您将滚动连接到内容div而不是？相反

$('.content').scroll(function() {

这个：

做这个

$(document).scroll(function() {

Here's the jsfiddle

谢谢 - 看不见的！ – user3113172 2014-11-21 10:36:30

答

嗯，我不知道如果我完全理解你的问题，但它听起来要somethink这样：

$('.content').scroll(function() {

而不是

$(document).scroll(function() {

既然你想知道用户多远滚动妮你的元素，而不是整个页面上，你呢？

已更新您的FIDDLE

滚动固定高度div时隐藏/显示div

相关推荐