緣起
近期要實(shí)現(xiàn)一個(gè)收藏小區(qū)的功能试浙。發(fā)現(xiàn) swiper 的容器(swiper-container 樣式)帶有 position: relactive; 樣式寞蚌，則在其內(nèi)新建一個(gè)子元素，定義 position: absolute; right: 0.5rem; bottom:0.5rem; 則其自動(dòng)位于 圖片框的右下角了挟秤，如下所示：
div布局如下（container容器元素包含：wrapper艘刚、pagination、collect 子元素）：
然而隧饼， 后來發(fā)現(xiàn)静陈，該樣式在 Android機(jī)上面是好的。 在ios系統(tǒng)下鲸拥，會(huì)有以下問題：
滑動(dòng)圖片時(shí)， 收藏框才顯示捏浊，否則收藏框不顯示撞叨。。牵敷。
性空
后來發(fā)現(xiàn)， 圖片滑動(dòng)時(shí)靶瘸， swiper-wrapper 會(huì)有 tansform: tanslate3d(-xxx, 0, 0) 的樣式變化毛肋， 我自定義的收藏div在滑動(dòng)時(shí)顯示，靜態(tài)時(shí)隱藏润匙，但是 左下角的分頁信息能一直顯示。 后來通過觀察 swiper 插件的分頁樣式辽话，發(fā)現(xiàn)有個(gè) tansform: tanslate3d(0,0,0); 的樣式：
于是進(jìn)行如下設(shè)想：
圖片滑動(dòng)切換時(shí)卫病，通過 tansform: tanslate3d(-xxx, 0, 0) 來改變形狀， 進(jìn)而影響了兄弟元素的排版益咬， 那么通過給兄弟元素設(shè)置 tansform: tanslate3d(0,0,0); 帜平， 則可以使兄弟元素不受圖片滑動(dòng)帶來形狀改變的影響梅鹦， 那么給 收藏框設(shè)置
tansform: tanslate3d(0,0,0);
樣式冗锁，是不是可以解決ios系統(tǒng)下，圖片不滑動(dòng)時(shí)冻河，收藏框不顯示的問題呢？
結(jié)果顯而易見锭弊。。味滞。
