js 특정 박스의 스크롤 위치조정 질문 (스크롤 조작없이 기본상태일때)

Question

안녕하세요 우선 예시 소스먼저 보여드리겠습니다. 이런식의 리스트가 있는데 이게 경매라고 치면 입찰을하면 입찰내역이 순서대로 쌓이는데, 이를 최근 입찰한 리스트가 아래로 쌓이는게 아니라 맨위로 그니까 역순으로 변경해달라고해서 flex-direction:column-reverse;로 변경했는데 문제는 이 화면처럼 처음 그 페이지를 진입했을때 스크롤이 제일 상단에 고정되어있는게 아니라 하단에 고정되어있습니다... 이걸 해결 할 방법이 있을까요?? scrollTop, offset.top등등 여러 시도를 해보았지만 결국 해결하지 못하고 조언을 구합니다ㅠㅠ 처음 진입했을때 바로 위 사진처럼 스크롤이 박스 하단부분에 위치하는게 아니라 상단에 위치하도록 변경하고싶습니다.

hime · Answer

.wrap { width: 400px; height: 400px; background-color: #aaa; position: relative; overflow-x: hidden; overflow-y : auto; } .ul { box-sizing: border-box; padding: 15px; width: 100%; display: flex; flex-direction: column-reverse; } .li { width: 100%; margin-bottom: 15px; display: flex; flex-direction: column-reverse; } .li p { width: 100%; border: 1px solid black; }

올림픽대로 · Answer

hime 아 overflow를 wrap에 걸고 플렉스를 이중으로 주면 해결이 될까요?? 한번 해보겠습니다 감사합니당

hime · Answer

flex를 2중으로 건 이유는 P태그에 대한 정렬입니다~

js 특정 박스의 스크롤 위치조정 질문 (스크롤 조작없이 기본상태일때)

3개의 답변

#publishing 목록