테스트 사이트 - 개발 중인 베타 버전입니다

모바일에서 input을 클릭했을때 스크롤을 내리게 하고싶습니다~ 채택완료

one9601 4년 전 조회 1,676

안녕하세요.

 

로그인을 할 때, 아이디 input에다가 입력을 할 때 (클릭할떄) 스크롤이 ID input만큼 내려오게 설정했습니다.

 

        

            

                아이디

                " autofocus placeholder="">

            

            

            

                비밀번호

                " class="txtBox pw-txtBox" placeholder="(영문대소문자/숫자/특수문자 중 2가지 이상조합, 8-16자)">

            

        

 

 

 

    $(function(){

        const $id = $(".id-txtBox");

        $id.click(function(){

            const id_top = $id.offset().top;

            $("html, body").scrollTop(id_top);

        });

    });

 

    $(function(){

        const $pw = $(".pw-txtBox");

        $pw.click(function(){

            const pw_top = $pw.offset().top;

            $("html, body").scrollTop(pw_top);

        });

    });

 

이렇게요!

 

근데.. 모바일에서는 input을 두번눌러야 스크롤이 내려가네요 ㅠㅠ 방법이있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
제임스보드

테스트는 안해봤습니다.

    $(function(){

        const $id = $(".id-txtBox");

        $id.on('touchstart click', function(e){

            const id_top = $id.offset().top;

            $("html, body").scrollTop(id_top);

        });

    });

 

    $(function(){

        const $pw = $(".pw-txtBox");

        $pw.on('touchstart click', function(e){

            const pw_top = $pw.offset().top;

            $("html, body").scrollTop(pw_top);

        });

    });

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인