この効果をより良く実現できるプラグインはありますか? これは ul です。ul を超えたコンテンツは左右にスライドでき、どのタブをクリックしても中央にスライドします。
このエフェクトは実際にはカルーセルです。swiper.js [http://www.swiper.com.cn/] を試すことができます
モバイル版: http://hammerjs.github.io/デスクトップ: この効果は見たことがありません
実装にプラグインが必要ない場合は、親コンテナでwidth:1000px、overflow:autoにして、スクロールバーを美化するだけでいいと思います
カルーセルイベントに特化した swiper.js を試してください。 さらに、モバイル端末の最初の画面に単一ページのスライドを作成したい場合は、zepto.fullPage.js を試すことができます。 モバイル側のタッチ イベントに関しては、zepto.js 自体にも基本的な組み込みイベントがいくつかあります。より高度なイベントが必要な場合は、hammer.js または AlloyFinger.js を使用できます。
このモジュールについては、Alibaba のオープンソース ソリューション Flexible を参照して、対応するチュートリアルがあるかどうかを確認してください
自分で書くこともできます~カルーセルにはswiper.js、fullpage.js、slider.jsの好きなものを使用することをお勧めします
Swiperがそれを実現し、html5のタッチイベントも実装できます
このエフェクトは実際にはカルーセルです。swiper.js [http://www.swiper.com.cn/] を試すことができます
モバイル版: http://hammerjs.github.io/
デスクトップ: この効果は見たことがありません
実装にプラグインが必要ない場合は、親コンテナでwidth:1000px、overflow:autoにして、スクロールバーを美化するだけでいいと思います
カルーセルイベントに特化した swiper.js を試してください。
さらに、モバイル端末の最初の画面に単一ページのスライドを作成したい場合は、zepto.fullPage.js を試すことができます。
モバイル側のタッチ イベントに関しては、zepto.js 自体にも基本的な組み込みイベントがいくつかあります。より高度なイベントが必要な場合は、hammer.js または AlloyFinger.js を使用できます。
このモジュールについては、Alibaba のオープンソース ソリューション Flexible を参照して、対応するチュートリアルがあるかどうかを確認してください
自分で書くこともできます~カルーセルにはswiper.js、fullpage.js、slider.jsの好きなものを使用することをお勧めします
Swiperがそれを実現し、html5のタッチイベントも実装できます