웹페이지를 스크롤 할때 여러가지 효과에 대하여
본문
https://www.doosanmachinetools.com/ko/main/index.do
스크롤을 내릴대 이미지나 글씨가 나타나는 효과나
https://www.lgensol.com/kr/index#firstPage
이런식으로 원페이지??? 효과
웹페이지를 스크롤 할때 애니메이션 효과를 넣고 싶은데
어떤분야를 공부해야 할까요?
이외에도 제가 모르는 다양한 기능이나 효과가 있을거 같은데
어떤 어떤 기능이 있는지 알려면 어떻게 해야 하는지도 궁금합니다.
답변 1
javascript, CSS로 만들수 있습니다.
$('#id').on('scroll', function () {
var footer_reached = ($(this).scrollTop() >= (total_scroll_height - ($(window).height() +100 )));
if (footer_reached == true){
블라브라블라...
}
});
핵심은 이게 전부에요...스크롤위치값 더하기 빼기가 전부입니다..
http://imakewebthings.com/waypoints/
이런 것도 셀수 없이 많이 있습니다...
효과는 생각하기 나름으로 무궁무진합니다..
많이 공부하셔서 멋진페이지 만드세요~ ^ ^
답변을 작성하시기 전에 로그인 해주세요.