Swipe.js 슬라이드 시 이벤트 트리거
2801 단어 HTMLJavaScriptlibraryCSS
완성된 그림 그림은 입니다
이런 느낌이에요.
코드는 여기서 확인할 수 있습니다.
Timepicker using Swiper.js
공식 문서는 별로 참고하지 않았다.(난)
Swiper
지원
하면, 만약, 만약...
행사가 아무리 해도 불이 나지 않았기 때문에
울던 손가락을 떼다.
(설치에 성공한 사람은 꼭 알려주세요)
참고로 손가락이 미끄러지는 코드를 설치하면 다음과 같다.
index.js
var defaults = {
pagination: '.swiper-pagination',
slidesPerView: 3,
freeMode: true,
freeModeSticky: true,
freeModeMomentumRatio: 0.25,
freeModeVelocityRatio: 0.25,
freeModeMinimumVelocity: 0.1,
mousewheelControl: true, <-- こいつと、
mousewheelSensitivity: 0.5, <-- こいつを実装する。
loop: true,
loopAdditionalSlides: 5,
direction: 'vertical',
slideToClickedSlide: true,
centeredSlides: true
};
Reference
이 문제에 관하여(Swipe.js 슬라이드 시 이벤트 트리거), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ryomaDsakamoto/items/605f49b47ba06bce8807
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
var defaults = {
pagination: '.swiper-pagination',
slidesPerView: 3,
freeMode: true,
freeModeSticky: true,
freeModeMomentumRatio: 0.25,
freeModeVelocityRatio: 0.25,
freeModeMinimumVelocity: 0.1,
mousewheelControl: true, <-- こいつと、
mousewheelSensitivity: 0.5, <-- こいつを実装する。
loop: true,
loopAdditionalSlides: 5,
direction: 'vertical',
slideToClickedSlide: true,
centeredSlides: true
};
Reference
이 문제에 관하여(Swipe.js 슬라이드 시 이벤트 트리거), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ryomaDsakamoto/items/605f49b47ba06bce8807텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
