채택완료

클릭 후 버튼이 사라지도록 하려면???

2018-08-21 (화) 15:30:52 2,510

/skin/board/basic/view.skin.php 

아래와 같이 <div class="view-content">위에 추가하였습니다. 

<a style="display:scroll;position:fixed;bottom:120px;right:120px;" href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>&wr_id=<?php echo $wr_id ?>#bo_vc_w" title=”댓글"><img src="https://i.imgur.com/uK1Y2At.png" width="180px"></a>


        <div class="view-content">
                <?php echo get_view_thumbnail($view['content']); ?>
        </div>

스크롤 시..댓글버튼이 오른쪽에 따라다닙니다.

버튼을 누르면 댓글입력 하는 form으로 이동됩니다. 

2049185043_1534832874.432.png

댓글 하단으로 이동 된 후 버튼이 사라지도록 하려면???

|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
2018-08-21 (화) 16:11:39

저라면 그냥 제이쿼리로 대충 이렇게...

Copy
<img src="https://i.imgur.com/uK1Y2At.png" width="180px" style="display:scroll;position:fixed;bottom:120px;right:120px;" id="ddd">
<script>
     $(document).ready(function()
     {
        $("#ddd").click(function(event){
            $('html, body').animate({scrollTop : $("#bo_vc_w").offset().top}, 100);
            $("#ddd").hide();
        });
    });
</script>

답변에 대한 댓글 1개

제이쿼리~~

이것도 공부해야하겠군요

<a id="comment_scroll" style="display:scroll;position:fixed;bottom:120px;right:120px;" 

위 부분에 id를 설정하고,

클릭하는 script 부분을 찾아서 아래 소스 추가하면 됩니다.

$("#comment_scroll").hide();

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