0

内部に div 要素があり、(ol) 要素のリストがあります。jqueryネスト可能を使用してドラッグアンドドロップを使用します。こちらの問題をご覧ください (マウスが jquery を使用してページの下部に移動したときにウィンドウを自動的にスクロールする方法)。

<li>view-port(plugin - http://www.appelsiini.net/projects/viewport )を使用して、現在のビューで表示を取得していました。

以下のスクリプトを使用しました。ページをより効率的にスクロールできず、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())) {

    $('body').animate({
      scrollTop: $(window).scrollTop() + 200
    }, 1);
  }

  if (indexOfClosestLi <= 3) {
    $('body').animate({
      scrollTop: $(window).scrollTop() - 200
    }, 1);

  }
}

ここで何が欠けていますか?

4

1 に答える 1