자동 스크롤

안녕하세요,

저희는 이 버전의 Discourse를 사용하고 있습니다.

현재 9,800개의 게시물이 있는 스레드에서 활동 중입니다. 마지막에서 두 번째 최신 게시물을 읽고 있는데, 누군가 답글을 달 때마다 포럼이 최신 게시물로 점프하면서 여러 개의 새 게시물을 건너뛰고 있습니다.

브라우저를 열어둔 채로 점심 식사하러 나갔다 돌아와도 같은 현상이 발생합니다. 돌아왔을 때 스레드는 최신 게시물에 위치해 있고, 놓친 마지막 1~100개의 답글을 읽기 위해 위로 스크롤해야 합니다.

이 기능이 어떻게 유용한지 이해가 되지 않습니다. 분명히 새로 생긴 동작입니다. 이 기능을 비활성화하는 방법이 있을까요? 만약 없다면, 설정에 “자동 스크롤” 또는 “라이브 스크롤” 비활성화 버튼을 추가해 주실 수 있을까요? 정말 화가 날 정도입니다. 화는 유용한 일에 쓰고 싶습니다.

3개의 좋아요

이러한 문제가 발생해서는 안 됩니다. 말씀하신 대로 읽기가 매우 번거로워지니까요. 테스트 환경에서는 문제를 재현할 수 없습니다. 커스텀 테마가 문제를 일으키고 있는 것은 아닐까요? 안전 모드에서도 동일한 문제가 발생합니까?

5개의 좋아요

그런 일이 발생하는 것을 본 적이 있습니다.

3개의 좋아요

그는 광범위하게 수정된 테마를 사용하지 않는 소수의 사용자 중 한 명입니다. 저에게도 같은 일이 일어나는데, 제 테마는 제가 직접 만든 CSS 조정으로만 이루어져 있습니다.

2개의 좋아요

CSS가 완전히 배제될 수는 없습니다. CSS 조정이 읽음 추적이나 스크롤 위치에 영향을 미친 사례를 여러 번 확인했습니다. 예를 들어, 다음과 같이 단순한 코드도 특정 스크롤 동작을 깨뜨릴 수 있습니다:

html,
body {
  height: 100%;
  min-height: 100vh;
}

안전 모드(누구나 일시적으로 사용할 수 있는 모드)에서 사이트를 테스트해 보시는 것을 강력히 권장합니다. 안전 모드에서도 문제가 계속 발생한다면, 이는 커스터마이징 문제가 아니라 Discourse 자체의 문제일 가능성이 매우 높습니다.

5개의 좋아요

안전 모드에서도 자동 스크롤이 여전히 일어난다는 것을 확인했습니다. 테스트 환경에서 이를 재현하지 못하셨다는 점은 알고 있지만, 테스트 환경에 하단 바가 포함되어 있나요? 하단 바가 화면에 보이는 경우, 몇 가지 테스트를 해본 결과 스레드가 자동 스크롤되는 것으로 추정됩니다.

이것이 관련이 없는 문제일 수도 있지만, 페이지에서 이 요소가 보이지 않으면 문제가 발생하지 않는 것 같습니다. 이 요소가 완전히 화면 밖으로 나가더라도 최신 게시글은 보일 수 있도록 스크롤하면 문제가 발생하지 않습니다. 하지만 일부라도 화면에 보이면 자동 스크롤이 발생합니다.

3개의 좋아요

정상성을 확인하기 위해 다음을 시도해 보았습니다:

// remove bottom bar
.topic-map.--bottom {
    grid-area: posts;
    grid-row: 0;
    max-width: calc(var(--topic-avatar-width) + var(--topic-body-width) + var(--topic-body-width-padding)*2);
}

이렇게 하면 하단 토픽 맵이 실제로 보이지 않게 되고, 제 경우엔 문제가 사라졌습니다.

3개의 좋아요

이것이 스레드의 이상한 위치에 바를 단순히 위쪽으로 이동시킬 뿐이라는 것을 발견했습니다. 그래서 테마 CSS에 다음을 적용했습니다:

.topic-map.--bottom {
    display: none !important;
    height: 0px;
}

웹 개발자가 아니니 무지함에 대해서는 너그럽게 봐주세요.

또한 스레드의 맨 아래까지 스크롤해도 문제가 여전히 발생하므로, 이 특정 요소만이 원인이 되는 것은 아닙니다.

3개의 좋아요

이 문제가 특정 주제에서만 발생하는지 아시는가요? 유사한 수의 게시글을 가진 다른 활성 주제가 사이트에 없다면 이를 확인하기가 어려울 수 있다는 점을 이해합니다.

가능하다면, 브라우저의 웹 인스펙터를 열어 ‘console’(콘솔) 탭으로 이동한 상태에서 해당 주제를 방문해 보시겠습니까? 주제를 스크롤할 때 콘솔에 오류가 표시되는지 확인해 주세요.

콘솔은 아래 이미지와 비슷해 보입니다. 대부분의 브라우저에서는 키보드의 F12 키를 누르거나 마우스 오른쪽 버튼을 클릭한 후 메뉴에서 ‘Inspect’(검사)를 선택하여 웹 인스펙터를 열 수 있습니다. 인스펙터를 연 후, 페이지 상단의 탭 목록에서 ‘Console’(콘솔) 탭을 선택하세요.

1개의 좋아요

참고로 안전 모드에서 실행한 것입니다.

3개의 좋아요

콘솔에 아무 오류 없이 재현할 수 있습니다:

6개의 좋아요

글의 길이에 관계없이 모든 토픽에서 발생하는 문제입니다. 우리는 수다스러운 집단이거든요 :slight_smile:

4개의 좋아요