Jquery Scroller deve smettere di scorrere dopo aver raggiunto la fine

Question

Iam utilizzando uno scroller in uno dei miei siti web. Quando faccio clic sulla freccia giù per scorrere lo scroller fino alla fine, è stato raggiunto 10:00 PM. Di nuovo, se faccio clic su una freccia, lo scroller si sposta di nuovo verso l'alto e l'intero contenuto scompare. Voglio interrompere la freccia in giù funzionante se l'ora di fine [Here 10:00 PM] è stata raggiunta.

Lo stesso problema si verifica in caso di clic della freccia su. Abbiamo provato a risolvere questo problema ma non ci siamo riusciti.

Jsfiddle link: http://jsfiddle.net/Xh59R/3/

Immagine attatched.

Grazie in anticipo.

Answer 1

Controllare il seguente link jsfiddle ... http://jsfiddle.net/Xh59R/8/

Per pulsante accanto click ..

$scrollerNextButton.click(function(e){ 

//PUT THESE AT END 
var divMargnTop=parseInt(document.getElementById("DemoShowHide").style.top); 
var divMaxTopAllowed=parseInt(-1600); 
if(divMargnTop<=divMaxTopAllowed) 
{ 
$scrollerNextButton.stop().hide("fast"); 
} 
}); 

Per pulsante prev click ..

var divMinMargnTop=parseInt(document.getElementById("DemoShowHide").style.top); 
var divMinMaxTopAllowed=parseInt(0); 
if(divMinMargnTop>=divMinMaxTopAllowed) 
{ 
    $scrollerPrevButton.stop().hide("fast"); 
} 

http://jsfiddle.net/Xh59R/8/

Answer 2

penso che si potrebbe usare qualcosa di simile:

$scrollerNextButton.click(function (e) { 
    var lines = $("div[style*='width:100%']"); 
    var total = lines.outerHeight(true) * lines.length; 
    if ($scroller.position().top > total) { 
     $scrollerNextButton.stop().hide("fast"); 
    } 
});