ㅇㅅㅇ

스크롤바를 커스텀 할 때 주로 사용하는 플러그인매번 찾아보게 되서 자주 사용하는 것들만 적어본다 사이트는 여기▼ jQuery custom content scroller – malihu | web designLast updated on Jul 11, 2016 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuemanos.malihu.gr 기본 사용방법1. 세..

niceSelect 기본 사용법은 아래의 포스팅에 정리되어 있으니 생략한다. [JQUERY] select를 예쁘게 바꿔주는 플러그인 niceSelect 사용법1 코딩을 하다보면 select를 수정하게 될 때가 있는데 css로 수정할 수 없는 영역이 있어 플러그인 niceSelect의 힘을 빌리게 되었다. 사용법 1. 아래의 링크에서 소스파일을 다운받는다 https://jquerynicesel soa-memo.tistory.com 응용이랄까 추가작업이 필요한 경우에 사용했던 소스 2가지를 정리해 본다. 1. niceSelect 사용 후 optionbox의 스크롤을 추가할 경우 1-1. .nice-select .list에 높이 제한을 두면 스크롤이 생긴다. .nice-select .list { height:..

코딩을 하다보면 select를 수정하게 될 때가 있는데 css로 수정할 수 없는 영역이 있어 플러그인 niceSelect의 힘을 빌리게 되었다. 사용법 1. 아래의 링크에서 소스파일을 다운받는다 jQuery Nice Select Usage 1. Include jQuery and the plugin. 2. Include the plugin styles, either the compiled CSS... ...or, ideally, import the SASS source (if you use SASS) in your main stylesheet for easier customization. @import 'nice-select'; // Or 'nice-select-prefixed'. jquerynicesel..

react공부를 시작하는데 오류가 났다..ㅋ.. 1번째를 오류를 한국어 번역으로 돌려보니 지원되지 않는 "react-dom"에서 createRoot를 가져오고 있습니다. 대신 "react-dom/client"에서 가져와야 합니다. 라고한다. .. 구글링을 통해 방법을 찾았다. JavaScript와 TypeScript 방법이 다르던데 나는 JavaScript 방법으로 수정해였다. - 수정전 //index.js import React from 'react' import ReactDOM from 'react-dom' import reportWebVitals from './reportWebVitals' import App from './App' const rootNode = document.getElementB..

어쩌다 음원재생 버튼을 만들 기회가 있어서 정리해봤다. 1. html 음원재생 정지 음원재생과 일시정지는 한 버튼을 사용한다. 음원재생 버튼을 누르면 음원이 재생되고 재생중에 한번더 음원재생 버튼을 누르면 일시 정지된다. 정지를 누르면 처음으로 돌아가 음원재생 버튼을 누르면 처음에서부터 재생된다. 2. js var audio = document.getElementById("video"); $(function(){ $('.play').on('click', function(e){ e = e || window.event; var btn = e.target; if (!audio.paused) { //일시정지 audio.pause(); isPlaying = false; } else { //재생 audio.play..

웹, 모바일에서 사용 가능하다. 스크롤 처음과 끝을 감지해 모션을 만들게 되는 경우가 있어 정리하게 되었다. jquery로 처음과 끝만 감지되는지 확인 할 수 있게 만들었다. (참고로 가로스크롤이다.) 1. html 스크롤 박스 스크롤 위치 2. css .scrollwrap { position: relative; display: block; width:200px; overflow-x: auto;} .scrollcontent { width: 1000px; } 3. jquery function showGradient(){ if($(this).scrollLeft() == 0){// 스크롤이 0일 때 $('.scrolllo').text('스크롤 처음입니다.'); }else if (Math.ceil($(this)..