자바 스크립트 애니메이션 대체

Question

나는이 프로젝트에 입학 애니메이션에 대해 다음 스크립트를 사용하고 있습니다 : www.justinaguilar.com/animations/

내 관심사는이 입구 애니메이션에 의존한다는 것입니다 : 일을하기 위해 CSS에서 "가시성 숨겨진"속성. 자바 스크립트 또는 CSS를 사용할 수 없거나 사용자 측에서 제대로 작동하지 않으면 콘텐츠가 전혀 표시되지 않습니다.

이 문제에 대해 걱정해야합니까? 구현할 수있는 대체 방법이나 대체 계획이 있습니까?

감사합니다.

Answer 1

이런 식으로 생각합니다.

이것이 JS가 사용 중지 된 유일한 문제인 경우 또는 페이지에 JS가 약간있는 경우이를 수정하는 방법을 찾아 볼 가치가 있습니다 (아마 애니메이션을 끄고 사이트를 조금 더 "못 생겼습니다" "). 그런 식으로 모든 사람에게 액세스 권한을 제공합니다 (좋은 개념이었습니다).

하지만 개인적으로 나는 그것에 대해 신경 쓰지 않았습니다. 내가 개발 한 모든 웹 사이트에는 JS가 많이 포함되어 있습니다 (예 : Ajax 호출 포함). JS 없이도 기능을 수행하기 위해 많은 노력이 필요합니다.

검색에 대한 내용은 question입니다. 2010 년에는 브라질 거주 사용자의 0.25 %가 JS가 브라우저에서 사용 중지되었습니다. 요즘은이 수치가 훨씬 적습니다. 그리고 솔직히, 나는이 사람들을 돌보는 것이 아니라 내 시간으로 할 수있는 더 좋은 일이 있습니다.

짧은 견적으로, 제 생각에는 JS를 조금만 사용한다면 (JS없이이 사이트를 실제로 만들어야하는 경우), 고쳐주십시오. 다른 모든 경우에는 그 사실을 잊어 버리고 정말로 중요한 문제에 집중하십시오.

편집 : 당신은 내용이 표시됩니다 보장 싶다면

, 당신은 JS를 통해 요소를 숨길 수 있습니다. 이 방법으로 요소는 CSS와 JS가 켜져있을 때만 숨겨집니다. 정말 당신이 (가)`가시성을 제공 클래스를 추가해야 문제가되는 경우

<div class="element-to-hide" style="visibility:visible;"></div> 

<style type="text/css"> 
    .hide { 
     visibility: hidden; 
    } 
</style> 

<script> 
    $('.element-to-hide').addClass('hide'); 
</script>