()1 scroll-view隐藏滚动条安卓生效,ios不生效?
解决办法
(1)给scroll-view设置如下css样式
.country_area {width: 78.3333vw;height: 102.0667vw;overflow-y: scroll;position: absolute;left: -2vw;top: -38vh;z-index: 7;transform: (0, -50%);//核心::-webkit-scrollbar {width: 0;height: 0;color: transparent;}}
(2)给scroll-view设置enhance属性和:show-scrollbar="false"
<scroll-view:show-scrollbar="false"enhanced>
<scroll-view@scroll="scroll"scroll-y="true"v-if="isShowCountryCodeModel":show-scrollbar="false":scroll-into-view="subItemId"class="country_area"enhanced><view:id="'subItem' + idx":class="[idx == index ? 'country_code_active' : '', 'list_item']"v-for="(item, idx) in countryCodes":key="item.phoneCode"@tap="handlerSelectCountry(item, idx)"><view class="list_item_code"><view class="country_code"><span class="plus_doc">+</span>{{ item.phoneCode }}</view></view><view class="list_item_name">{{ item.name }}</view></view></scroll-view>
2 uniapp中定义全局变量需要在根目录的uni.scss文件中定义,通过main.js中引入自定义的scss文件不会编译生效
ps: scss文件中定义自定义函数如果带单位的话,需要做如下修改:
@function transformToVw($pxVal) {$result: calc((100 / 375) * $pxVal / 2);@return #{$result}vw; }注意这里的#