diff --git a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js index 4d2c4986..18afffd6 100644 --- a/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js +++ b/src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js @@ -137,11 +137,48 @@ const DetailedConceptCard = ({ concept, onClick }) => { - - {concept.stocks.slice(0, 4).map((stock, idx) => ( - - ))} - + {/* 可滚动容器 - 默认显示4条,可滚动查看全部 */} + { + const element = e.currentTarget; + const scrollTop = element.scrollTop; + const scrollHeight = element.scrollHeight; + const clientHeight = element.clientHeight; + + // 如果在滚动范围内,阻止事件冒泡到父容器 + if ( + (e.deltaY < 0 && scrollTop > 0) || // 向上滚动且未到顶部 + (e.deltaY > 0 && scrollTop + clientHeight < scrollHeight) // 向下滚动且未到底部 + ) { + e.stopPropagation(); + } + }} + css={{ + overscrollBehavior: 'contain', // 防止滚动链 + '&::-webkit-scrollbar': { + width: '6px', + }, + '&::-webkit-scrollbar-track': { + background: '#f1f1f1', + }, + '&::-webkit-scrollbar-thumb': { + background: '#888', + borderRadius: '3px', + }, + '&::-webkit-scrollbar-thumb:hover': { + background: '#555', + }, + }} + > + + {concept.stocks.map((stock, idx) => ( + + ))} + + )}