简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
JavaScript - 画像表示のスクロールの問題
習慣沉默
習慣沉默 2017-05-19 10:27:01
0
4
808

写真、スクリーンショットの一部など、25 枚の写真がある場合、これらの写真はすべて UL に含まれます。初期画面では10枚の写真が表示されますが、詳細ボタンをクリックすると10枚すべてが上にスクロールして非表示になります。下にスクロールすると10枚の写真があります。一度に表示できる画像は 10 枚までです。もう一度クリックすると5枚の写真が表示されます。最後にクリックすると初期状態に戻ります。この効果を実現するにはどうすればよいですか?皆さんに説明してください。わかりません

習慣沉默
習慣沉默

全員に返信(4)
黄舟
黄舟2017-05-19 10:29:01 4棟

首先控制父亲容器position:relative，top:0,left:0,transition:all .5

第一次点击负十张图片的高度

第二次点击负二十张图片的高度

.....

其他同理

最后一次 ：top:0
いいねを押す +0
返信を追加
PHPzhong
PHPzhong2017-05-19 10:29:01 3棟

是不是那种四张图片轮播呀？原理
いいねを押す +0
返信を追加
Peter_Zhu
Peter_Zhu2017-05-19 10:29:01 2棟

楼上正解，一般轮播都是这个思路，首先父级是超出隐藏的，之后就是一直调整高度就ok了
いいねを押す +0
返信を追加
阿神
阿神2017-05-19 10:29:01 1棟

楼上正解，一般轮播都是这个思路，另外css的动画效果也不错，也推荐用js jq动画来写 会体验更好
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！