Плагин полосы прокрутки работает в jsfiddle, но не работает в реальном приложении

Question

Плагин полосы прокрутки работает в jsfiddle, но не работает в реальном приложении

0

Я реализую окно комментариев и использую плагин perfect-scrollbar для реализации функций прокрутки. Всякий раз, когда я загружаю свою страницу, которая построена с использованием углового, у меня есть фиктивный текст комментария, который заполняет внутреннюю часть поля комментария. Внутри того же контроллера я устанавливаю $timeout 500 мс и вызываю функцию, которая инициализирует панель прокрутки окна комментария. Функция прокрутки работает, но не правильно. Полоса прокрутки не видна, и поле комментариев прокручивается в два раза выше его содержимого, поэтому я дохожу до конца комментариев, и для прокрутки доступно пустое пространство.

Я попытался воссоздать проблему в jsfiddle, но все работает безупречно. Вот моя скрипка. Вот основная часть моего приложения

    <head>



            <script src="scripts/angular.min.js" type="application/javascript"></script>



            <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/css/perfect-scrollbar.min.css" type="text/css"></link>


            <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/js/min/perfect-scrollbar.min.js">
</script>

             <link href="appDetails.css" type="text/css" rel="stylesheet"></link>


            <script src="appDetails.js" type="application/javascript" ></script>



        </head>

Мой файл javascript, в котором я выполняю вызовы для инициализации полосы прокрутки, выглядит точно так же, как скрипка.

Если вы хотите запустить тест в своем браузере или проверить точный код, который запускается здесь, это ссылка на файл html на копию на диске Google.

Alan 17 июль 2015, в 16:47

Источник

0

Вы получаете ошибки в консоли?
glend 17 июль 2015, в 14:27
0

Это странная часть, никаких ошибок. Я отредактировал свой вопрос, добавив ссылку на код.
Alan 17 июль 2015, в 14:44

Теги:

html

angularjs

css

perfect-scrollbar

1 ответ

Ещё вопросы

Это странная часть, никаких ошибок. Я отредактировал свой вопрос, добавив ссылку на код.

Kristján · Accepted Answer · 2015-07-17T14-03-00.000Z

perfect-scrollbar CSS perfect-scrollbar не получает должным образом ваш файл, поэтому панель прокрутки Y застряла в нижней части содержимого, а не в position: absolute как предполагалось. Он работает в скрипке, потому что CSS явно добавлен в качестве внешнего ресурса.

Вам нужно добавить rel="stylesheet" в тэг <link> чтобы браузер интерпретировал его как стиль.

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/css/perfect-scrollbar.min.css">

К сожалению, я не думал, что это было необходимо, и иногда пропускал это из своего кода. Я выяснил трудный путь. В любом случае спасибо.