Показывать стрелку прокрутки вправо, когда в таблице присутствует горизонтальная полоса прокрутки

Question

На моем сайте у меня есть таблицы, адаптированные к размеру экрана и использующие горизонтальную полосу прокрутки, как это.

What I want is to show an arrow element within the table when there is more info to the right and clicking the arrow scrolls to it over to the right.

Something that looks like this.

Click the arrow and the table is scrolled over all the way to the right.

введите описание изображения здесь

Как отобразить элемент стрелки только внутри таблицы и только при наличии горизонтальной полосы прокрутки?

Answer 1

Вам необходимо сравнить ширину Element.getBoundingClientRect () вашей таблицы и контейнера прокрутки. Если ширина контейнера меньше ширины таблицы, вы можете использовать показ стрелки, иначе она будет скрыта.