webentwicklung-frage-antwort-db.com.de

Div beim Blättern anzeigen/verbergen

Ich habe ein div, das am unteren Rand einer Diashow steht. Ich möchte verschwinden, wenn der Benutzer einen Bildlauf ausführt oder den Abwärtspfeil verwendet, und erscheint wieder, wenn ein Bildlauf nach oben ausgeführt wird. Ich vermute, dass dies die Jquery-Scroll-Funktion beinhaltet?

7
Dan
<div>
    <div class="a">
        A
    </div>

</div>​


$(window).scroll(function() {

    if ($(this).scrollTop()>0)
     {
        $('.a').fadeOut();
     }
    else
     {
      $('.a').fadeIn();
     }
 });

Probe

51
Priyank Patel
$(window).scroll(function () {
  var Bottom = $(window).height() + $(window).scrollTop() >= $(document).height();
if(Bottom )
{
$('#div').hide();
}
});
2
Arun Killu

Hier ist meine Antwort, wenn Sie es animieren und nach ein paar Sekunden wieder ausblenden möchten. Ich habe Deckkraft verwendet, weil ich sie erstens nicht vollständig ausblenden wollte, zweitens geht sie nicht zurück und zwingt nach vielen Schriftrollen. 

$(window).scroll(function () {
    var elem = $('div');
    setTimeout(function() {
        elem.css({"opacity":"0.2","transition":"2s"});
    },4000);            
    elem.css({"opacity":"1","transition":"1s"});    
});
1
DragonKnight

Versuchen Sie diesen Code

$('window').scrollDown(function(){$(#div).hide()});

$('window').scrollUp(function(){ $(#div).show() });
1
$.fn.scrollEnd = function(callback, timeout) {          
  $(this).scroll(function(){
    var $this = $(this);
    if ($this.data('scrollTimeout')) {
      clearTimeout($this.data('scrollTimeout'));
    }
    $this.data('scrollTimeout', setTimeout(callback,timeout));
  });
};

$(window).scroll(function(){
    $('.main').fadeOut();
});

$(window).scrollEnd(function(){
    $('.main').fadeIn();
}, 700);

Das sollte den Trick tun!

0
Quatban Taco

ich habe eine hübsche Antwort, probiere diesen Code aus;)

<div id="DivID">
</div>

$("#DivID").scrollview({ direction: 'y' });
$("#DivID > .ui-scrollbar").addClass("ui-scrollbar-visible");
0
user1120073