Используя местоположение $ и $ Anchorscroll для прокрутки данных таблицы (TD). ⇐ Html

[Anonymous]

В моем Angular JS Web Application, работающем в телевизионном браузере, у меня есть горизонтальное меню. (Вы можете увидеть меню и проблему, которую я испытываю на фотографиях.) Я использую $ location. Hash и $ Anchorscroll для прокрутки этого меню. Однако, если даже крошечный пиксель элементов меню в столе видна справа или влево, Anchorscroll не выполняет прокрутку. Но когда я перехожу к следующим невидимым данным таблицы, прокрутка работает нормально.





{'background':(vm.selectWelcomePage != 'welcome1' ? (guide.guideMenuNoneSelectTextColor) : 'white'),
'color':(vm.selectWelcomePage != 'welcome1' ? (guide.guideMenuSelectTextColor) : 'black'),
'border-radius':'30px'} || {}" style="width: 350px;
grid-template-columns: max-content max-content 1fr;">{{item.NM}}






< /code>
vm.scrollCatMenu = function () {
$location.hash("guide-item-cat-" + vm.selectedGuideIndex);
$anchorScroll();
vm.logInfo('scrollCatMenu', 'Scroll Cat Menu Worked Properly.')
};
< /code>
How can I make the scrolling process ensure that the entire td element is visible?
expected scrolling
menu that cannot be scrolled
To resolve this, I added $timeout inside my scrollMenu function and performed the operation here, but nothing changed. To equalize the sizes, I increased the size of the td elements, but again, nothing changed. In any case, even if the td edge to be scrolled is visible, anchorScroll does not perform any scrolling operation.
When I add a static empty span with the same ID as the first TD's ID at the very beginning of the TDs, the page at least opens with the scroll position set to the first menu. I tried the same solution by adding a span after the last TD, but it didn't work.

Подробнее здесь: https://stackoverflow.com/questions/797 ... -into-view