無限滾動條的css布局理解

2022-09-08 12:18:15 字數 354 閱讀 2942

一、需求描述

.carul>li

二、問題描述

1.全部放不進容器裡,因為父容器只有600px,4張1200px,後面的圖只能被擠到第二排。加動畫效果時,等左移,第一排的空夠300px放一張圖時,才放到第一排。動畫效果十分不理想。

2.用動畫控制marginleft,來製造左移效果。第四張切到第一張時轉換十分生硬,不連貫。

三、問題解決

1.解決方法如下:

在li的父級容器ul裡設定好足夠的空間,在ul的父級容器裡規定overflow為hidden,因此,li能放在一排,並且顯示部分不會超出car的規定範圍。

.carulul>li

css的滾動條

通常設定div滾動條時候,使用的是 始終顯示滾動條 overflow scroll 按需顯示滾動條 overflow auto自適應寬度同時自動顯示滾動條的場景 overflow scroll 內容自動撐開容器的寬度不包括滾動條,相當於滾動條是乙個和內容並列顯示的元件。overflow auto 內...

css的滾動條

css學了太久了 都快忘了,唉 先上效果圖吧 這裡有乙個滾動條 用原生的css寫挺簡單的 scroll 但是,就是有點 一言難盡的味道 這是什麼 滾動條啊 讓我加點樣式啊 scroll webkit scrollbar scroll webkit scrollbar thumb scroll web...

如何理解滾動條

在 開發中,我們經常會碰到懸浮框懸在頁面的某個位置,無論你怎麼滾動滑鼠,它都在那個位置不變,那麼我們來理解一下相關的js htmllang en head metacharset utf 8 title titletitle style div1 style script window.nl ad ...