持ち運び可能
サステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。
{ if (index === 0) { scroll_items_sum_width = Math.round(parseFloat(getComputedStyle(item).width)) } else { scroll_items_sum_width = Math.round(parseFloat(getComputedStyle(item).width)) (Math.round(parseFloat(getComputedStyle(item).marginLeft))) // console.log(scroll_items_sum_width) } }) // console.log(scroll_items_sum_width, parseInt(getComputedStyle(document.querySelector('.scroll-list')).paddingLeft)) scroll_items_sum_width = scroll_items_sum_width 2 * parseInt(getComputedStyle(document.querySelector('.scroll-list')).paddingLeft) // console.log(scroll_items_sum_width) const scollList_width = document.querySelector('.scroll-list').clientWidth // console.log(scollList_width) // console.log(scroll_items_sum_width, scollList_width) document.querySelector('.line-scrollbar .content').style.width = (scroll_items_sum_width / scollList_width.toFixed(2) * 100) '%' document.querySelector('.line-scrollbar').addEventListener('scroll', e => handleEvent1(e), false) document.querySelector('.scroll-list').addEventListener('scroll', e => handleEvent2(e), false) let slide_switch = 0 let timerId function debounce () { if (timerId) { clearTimeout(timerId) } timerId = setTimeout(() => { slide_switch = 0 }, 300) } function handleEvent1 (e) { if (slide_switch === 2) return slide_switch = 1 const line_width = parseInt(getComputedStyle(document.querySelector('.line-scrollbar .content')).width) document.querySelector('.scroll-list').scrollLeft = parseInt(scroll_items_sum_width * (e.target.scrollLeft / line_width)) debounce() } function handleEvent2 (e) { if (slide_switch === 1) return slide_switch = 2 const rate = (e.target.scrollLeft) / scroll_items_sum_width // console.log(e.target.scrollLeft 450,scroll_items_sum_width) // console.log(rate.toFixed(2)) // const rate = const bar = document.querySelector('.line-scrollbar') bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2) console.log(bar.scrollLeft) debounce() } // var small_swiper = new Swiper('.small-swiper', { // pagination: { // el: '.swiper-pagination', // }, // }) " />
![[Audrey] ラウンドトゥ 春夏シーズン ニット ローファー](https://www.trendstepu.shop/image/audrey-_dN17l8_1.webp)
![[Audrey] ラウンドトゥ 春夏シーズン ニット ローファー](https://www.trendstepu.shop/image/audrey-_krX1kR_2.webp)
![[Audrey] ラウンドトゥ 春夏シーズン ニット ローファー](https://www.trendstepu.shop/image/audrey-_Z8aGUK_3.webp)
![[Audrey] ラウンドトゥ 春夏シーズン ニット ローファー](https://www.trendstepu.shop/image/audrey-_lWSQk0_4.webp)
![[Audrey] ラウンドトゥ 春夏シーズン ニット ローファー](https://www.trendstepu.shop/image/audrey-_UvRDkB_5.webp)
![[Audrey] ラウンドトゥ 春夏シーズン ニット ローファー](https://www.trendstepu.shop/image/audrey-_YFpGW7_6.webp)
$ 56.36
$ 73.27
$ 41.06
$ 53.38
$ 28.00
$ 43.45