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

컨텐츠에 aos 사용할 수 있을까요? 채택완료

조아무개 2년 전 조회 2,792

스크롤을 내렸을 시 움직이는 효과를 aos를 이용하여 만들었어요

내용관리 즉, 컨텐츠에서는 사용할 수가 없어서

스크립트를 이용해 해당 class 에 aos를 주고 싶어요!

어디선가 보고 작성해봤는데 역시나 안되네요 

 

<script type="text/javascript">
function AOS.init() {
        if($('.business_03_support')){
            data-aos:fade-up,
            data-aos-offset:200,
            data-aos-easing:ease-out-cubic,
            data-aos-duration:8000)
        };

</script>

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

답변 2개

m
2년 전

전 이렇게 사용하고 있습니다.

</p>

<p><script></p>

<p>$(".business_03_support").attr({</p>

<p>            "data-aos":"fade-up",

            "data-aos-offset":"200",

            "data-aos-easing":"ease-out-cubic",

            "data-aos-duration":"8000"</p>

<p>);</p>

<p>AOS.init();</p>

<p></script></p>

<p>

 

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

답변에 대한 댓글 1개

조아무개
2년 전
저는 이 방법이 안되네요..

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

세크티
2년 전

data-aos=""이 무조건 있어야합니다. aos.css와 aos.js를 수정하거나 내용관리 co_content 를 수정해야합니다. 

/adm/contentform.php

</p>

<pre>
<tr>
    <th scope="row">내용</th>
    <td><?php echo editor_html('co_content', $co['co_content']); ?></td>
</tr></pre>

<p>

 

/bbs/content.php

 </p>

<pre>
$str = $co['co_content'];</pre>

<p>

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

답변에 대한 댓글 1개

조아무개
2년 전
해봤는데 안되네요 ㅠㅠ

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

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

로그인