как показать jscrollPane только когда div завис

Question

как показать jscrollPane только когда div завис

0

Я пытаюсь показать видимость jscrollpane только тогда, когда div зависает, но не работает

вот код

 $(document).ready(function(){ 
        $("#scroll").on("mouseenter", function(){
              $(this).jScrollPane();
        });

        $("#scroll").on("mouseleave", function(){
             var element = $(this).jScrollPane({});
             var api = element.data('jsp');
             api.destroy();
        });
 });



<td width="200">
        <div id="scroll" style="height:100px;overflow: auto;width: 100%;">
          <p>text -1</p>
          <p>text -2</p>
          <p>text -3</p>
          <p>text -N</p>
        </div>
</td>

Developer Desk 12 нояб. 2013, в 18:37

Источник

0

Можно ли не просто инициализировать полосу прокрутки и скрыть это, а при наведении курсора показать полосу прокрутки.
putvande 12 нояб. 2013, в 17:00
0

С какой проблемой вы сталкиваетесь?
PSL 12 нояб. 2013, в 17:10
0

у меня есть одна таблица, в которой я показываю данные arrayList от использования JSP в одной из ячеек. Так как arrayList имеет 50,60 элементов, я хочу показать большой палец jscrollpane, видимый только когда мышь входит в эту ячейку <td>
Developer Desk 12 нояб. 2013, в 17:15
0

@Sumit Я, наверное, не совсем понял, поможет ли мой ответ ...
PSL 12 нояб. 2013, в 17:16
0

ок спасибо за помощь ..
Developer Desk 12 нояб. 2013, в 17:17
0

как я могу показать большой палец jscrollPane видимым только при наведении мыши на него? например tympanus.net/Tutorials/ScrollbarVisibility
Developer Desk 12 нояб. 2013, в 17:19
1

@Sumit Вы проверили мое демо? Вот как это происходит в моей демонстрации.
PSL 12 нояб. 2013, в 17:23
0

о, извините, я не видел обновленную демо ... спасибо
Developer Desk 12 нояб. 2013, в 17:25

Показать ещё 6 комментариев

Теги:

jquery

jscrollpane

1 ответ

Ещё вопросы

Можно ли не просто инициализировать полосу прокрутки и скрыть это, а при наведении курсора показать полосу прокрутки.
С какой проблемой вы сталкиваетесь?
у меня есть одна таблица, в которой я показываю данные arrayList от использования JSP в одной из ячеек. Так как arrayList имеет 50,60 элементов, я хочу показать большой палец jscrollpane, видимый только когда мышь входит в эту ячейку <td>
@Sumit Я, наверное, не совсем понял, поможет ли мой ответ ...
как я могу показать большой палец jscrollPane видимым только при наведении мыши на него? например tympanus.net/Tutorials/ScrollbarVisibility
@Sumit Вы проверили мое демо? Вот как это происходит в моей демонстрации.
о, извините, я не видел обновленную демо ... спасибо

PSL · Accepted Answer · 2013-11-12T14-24-00.000Z

Проблема в том, что когда вы нападаете на панель прокрутки. Он заменяет ваш оригинальный div исходным содержимым, см. Фрагмент, поэтому зарегистрированное событие больше не работает. Вы можете попробовать использовать делегирование событий.

Фрагмент из панели JScroll, метод уничтожения:

        function destroy(){
            var currentY = contentPositionY(),
                currentX = contentPositionX();
            elem.removeClass('jspScrollable').unbind('.jsp');
            //See the below line
            elem.replaceWith(originalElement.append(pane.children()));
            originalElement.scrollTop(currentY);
            originalElement.scrollLeft(currentX);

            // clear reinitialize timer if active
            if (reinitialiseInterval) {
                clearInterval(reinitialiseInterval);
            }
        }

И вам не нужно повторно инициализировать его снова для деструктора, а просто просто получить доступ к data('jsp') и вызвать на нем уничтожение.

    $('table').on("mouseleave","#scroll", function(){ //Attach the event to the closest possible parent
       $(this).data('jsp').destroy();
    });

демонстрация