jQuery jScrollPane同步滚动

问题描述

是否可以同步两个滚动?

Is it possible to synchronize two scrolls?

推荐答案

将此函数添加到您的代码中:

Add this function to your code:

  jQuery.fn.synchronizeScroll = function() {
             var elements = this;
             if (elements.length <= 1) return;

             elements.scroll(
             function() {
                 var left = $(this).scrollLeft();
                 var top = $(this).scrollTop();
                 elements.each(
                 function() {
                     if ($(this).scrollLeft() != left) $(this).scrollLeft(left);
                     if ($(this).scrollTop() != top) $(this).scrollTop(top);
                 }
                 );
             });
          }

然后，您可以像这样同步元素中的所有滚动条:

Then, you can just synchronize all the scrollbars within an element like so:

$("jqueryselectorgoeshere").synchronizeScroll();

这篇关于jQuery jScrollPane同步滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！