javascript - How to make the scrolling script efficiently? -


i have div element inside have list of(ol) elements. use drag , drop using jquery nestable. please @ issue here (how scroll window automatically when mouse moves bottom of page using jquery).

i used visible <li> in current view, using view-port(plugin - http://www.appelsiini.net/projects/viewport).

i used below script. couldn't scroll page more efficient , script doesn't work in ff (scrolling not work).

if ($('.dd-dragel').length > 0) {   var totalvisibleli = $('#ol_id li:visible').length;   var liinviewport = $('#ol_id li:in-viewport').length;   var closestli = $(this.placeel).prev('li');   var items = $('#ol_id li:in-viewport');   var indexofclosestli = items.index(closestli);    if (indexofclosestli >= (liinviewport - 3) && (e.pagey < $('#div_id').height())) {      $('body').animate({       scrolltop: $(window).scrolltop() + 200     }, 1);   }    if (indexofclosestli <= 3) {     $('body').animate({       scrolltop: $(window).scrolltop() - 200     }, 1);    } }

what missing here?

edited code. scroll work in ff

if ($('.dd-dragel').length > 0) {   var totalvisibleli = $('#ol_id li:visible').length;   var liinviewport = $('#ol_id li:in-viewport').length;   var closestli = $(this.placeel).prev('li');   var items = $('#ol_id li:in-viewport');   var indexofclosestli = items.index(closestli);    if (indexofclosestli >= (liinviewport - 3) && (e.pagey < $('#div_id').height())) {      $('html,body').animate({       scrolltop: $(window).scrolltop() + 200     }, 400);   }    if (indexofclosestli <= 3) {     $('html,body').animate({       scrolltop: $(window).scrolltop() - 200     }, 400);    } }

Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

php - MySQLi multi_query results for later use -

i using mysqli multi_query work several select statemets @ time. know how handle results, able use them later in code. example: <?php //connection stuff $query = "select name, surname database1;"; $query.= "select car, year, type database2 carid='1';"; $query.= "select product, price database3;"; if ($mysqli->multi_query($query)) { if($result = $mysqli->store_result()) { while($row = $result->fetch_row()) { --> here? } } } ?> <html> <div id='persona'> <?php foreach() { --> print name + surname } ?> </div> <div id='cars'> <?php foreach() { --> print car + year + type } ?> </div> <div id='product'> <?php foreach() { --> print product + price } ?> </div> </html> one more thing, prepared statements not possible when using multiple_query, right? there no benefit in putting unrelated queries in 1 multi ...
Read more