Блог

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

 lt;AnimatePresencegt;  lt;div id="scrollContainer" scrollableXgt;  {  cards.length amp;amp; cards.map(card =gt;  // The Card component is a motion.div  lt;Card/gt;  )  }   lt;/divgt; lt;/AnimatePresencegt;  

Я пробовал использовать scrollLeft на Javascript, но он прокручивается только до последней карты (карты перед самой новой картой). Код был:

 const container = document.getElementById("scrollContainer"); container.scrollLeft = container.scrollWidth;