테이블에서 행을 제거 할 때 문제가 있습니다.
이것이 도움이된다면 사용하는 JS 코드입니다.테이블에서 행을 제거 할 때 나머지 행이 위/아래로 이동합니다.
function rem(el) {
while (el.nodeName !== "TR") {
el = el.parentNode;
}
el.parentNode.removeChild(el);
}
표는 다음과 같이 내장되어 있습니다 :
<tr>
<td>
<span onclick="rem(this);"></span>
</td>
</tr>
테이블이 브라우저의 높이를 초과 스크롤이 나타날 때 문제가 발생합니다. 스크롤바가 맨 위에 내가 행을 제거하면
, 나머지 행 위로 흐를 것이다.
스크롤 막대가 아래쪽에 있고 행을 제거하면 나머지 행 이 다운됩니다.
그러나 스크롤바가 테이블의 중간에 있고 행을 제거하면 스크롤 막대가 화면 하단 에 도달 할 때까지 나머지 행이 위로 이동합니다. 그런 다음 행이 아래로 흐르기 시작합니다. 으로 테이블을으로 위아래로 흐르게하고 싶습니다. 일관성을 유지하는 한 어떤 방법 으로든 은 중요하지 않습니다.
행을 클릭하여 제거했기 때문에 테이블 플로우가 일정하게 유지되어야합니다. 나머지 행이 다른 방식으로 이동하는 경우 사용자가 다음 행이 될지, 위의 행 또는 아래의 행을 예측하기가 어렵습니다.
내 질문은 물론 "행을 삭제 한 후에 나머지 행이 어떤 방식으로 흐르게 할 수 있습니까?"
문제를 자세히 설명해야하는지 알려주세요.
스크롤 막대를 제어해야한다고 생각하세요. http://stackoverflow.com/questions/635706/how-to-scroll-to-an-element-inside-a-div –
설명하는 내용 보통 브라우저의 동작과 비슷하게 들리지만, "flow up"과 "flow down"이 의미하는 바를 이해하지 못할 수도 있습니다. – fayerth
@fayerth - 흠, 생각해 보니, 맞을지도 모릅니다. – Niklas