import React from "react";
const ScrollBt = () => {
const goScroll = () => {
const DocumentSize = document.querySelector(".parent");
window.scrollTo(0, DocumentSize.clientHeight);
};
return (
<div className="padding10 relative parent">
<span
className="block bgred100 padding10 rounded cursorpointer absolutetop"
onClick={goScroll}
>
godown
</span>
<div className="heightFull"></div>
<div className="heightFull"></div>
<span className=" bgblue100 padding10 rounded">here</span>
</div>
);
};
export default ScrollBt;
'A.개발관련자료' 카테고리의 다른 글
[0]nestjs 페이징 ( take, skip 사용) (0) | 2022.07.18 |
---|---|
[0]increment decrement button (0) | 2022.06.28 |
[0]redux toolkit의 slice내에서 navigate쓸수 없을 때 (비동기) (0) | 2022.06.24 |
[0]react 스크롤시 해당 위치(id)로 이동하기 : <a href = "#tagname"> ,scrollEvent (0) | 2022.06.21 |
[0]특정파일의 크기가 너무 커서 submit시 전송이 안되는 경우 : file의 사이즈에 문제가 있을 경우 (0) | 2022.05.26 |