Angular ngx-text-diff Y-Scrollbar и Sticky X-Scrollbar - PullRequest
0 голосов
/ 09 июля 2020

В моем проекте я хочу не часто сравнивать большие файлы, поэтому скорость не имеет значения, но мне нужна эта функция (+5000 строк). Я просмотрел этот модуль, и это именно то, что мне нужно, но, к сожалению, у меня не работают полосы прокрутки.

This is what I want

But this is what I have currently archived: No X-Slider in the middle enter image description here There is an Y-Slider and a X-Slider but the X-Slider is only available if you are at the bottom.

This is my current html snipped:

 [outerContainerClass] = "'anyClass'" style = "overflow-y: auto" loading = "true" [left] = "modifiedModel.code" [right] = "originalModel.code" (compareResults) = "onCompareResults ($ event ) ">   

Это anyClass

.anyClass {
  height:150px;
  overflow-y: scroll;
}

Это URL-адрес модуля: https://www.npmjs.com/package/ngx-text-diff

Есть ли способ заархивировать это?

То, что я пробовал:

  • div со всеми ползунками не работает, потому что X-Slider исходит из компонента
  • Много с outerContainerClass, но у меня нет никакого эффекта - поэтому я думаю, что использовал его неправильно.
  • То же самое с compareRowsClass, toolbarClass.

compareRowsClass кажется наиболее многообещающим для липкого X-Slider, но это тоже не повлияло.

EDIT: библиотека использует cdkScrallable для X-Slider. Кажется, что слайдер по умолчанию и cdkSlider не могут существовать одновременно. Так есть ли способ получить это извне? Или мне нужно форк этого репозитория для этой функции?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...