HTML 썸네일형 리스트형 [HTML/CSS] 텍스트 마우스 드래그 방지 모든 브라우저 호환용 웹 제작 시 메뉴부분을 이미지가 아닌 텍스트로 처리하거나 일부 텍스트를 이미지처럼 두어 마우스 드래그를 막을 필요가 종종 있습니다. 이런 경우 유용하게 쓰이는 CSS로서, 보통 따로 class를 선언해두고 필요 시 해당 태그에 class를 달아주는 방법을 주로 사용하죠. 바로 아래 경우처럼요. 드래그를 할 수 없습니다. 드래그를 할 수 있습니다. 아래는 결과 텍스트입니다. no-drag class / onselectstart 를 사용한 결과와 아무것도 사용하지 않은 결과입니다. ------------------------------ >>드래그를 할 수 없습니다. [no-drag 사용] >>드래그를 할 수 없습니다. [onselectstart 사용] >>드래그를 할 수 있습니다. --------------.. 더보기 [html/javascript]웹에서 모달팝업 시 부모창 스크롤 막기 웹에서 모달팝업을 사용할 때 부모창의 스크롤이 되어 애먹은 경우가 자주 있습니다. 그래서 구글링을 통해 방법을 알아보았고, 아래 코드가 현재 찾아서 사용하고 있는 방법이에요. 모달팝업을 열 때 : $('html, body').css({'overflow': 'hidden', 'height': '100%'}); // 모달팝업 중 html,body의 scroll을 hidden시킴 $('#element').on('scroll touchmove mousewheel', function(event) { // 터치무브와 마우스휠 스크롤 방지 event.preventDefault(); event.stopPropagation(); return false; }); 모달팝업을 닫을 때 : $('html, body').css(.. 더보기 Syntaxhighlighter를 사용하여 코드 입력할 때 HTML체크박스를 둔 후 아래 소스를 작성하고 다시 체크박스를 해제합니다. 그리고 생성된 회색박스 안에 코드를 입력하면 됩니다. 더보기 이전 1 다음