search

ijry / uview-plus

零云®uview-plus，是uni-app全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。
https://uview-plus.jiangruyi.com
MIT License
434 stars 110 forks source link

u-dropdown结合up-sticky会造成页面不可点击。 #440

Open wangsongjie opened 1 month ago

wangsongjie commented 1 month ago

u-dropdown结合up-sticky会造成页面不可点击，求修复bug。

json1994 commented 1 month ago

遇到同样问题

json1994 commented 1 month ago

u-dropdown结合up-sticky会造成页面不可点击，求修复bug。

通过给up-sticky 设置overflow-hiden 可以解决

function opendDropdwon(e:any) {
  openDropdwon.value = false
}
function closeDropdwon(e:any) {
  setTimeout(() => {
    openDropdwon.value = true
  }, 250);

}

<up-sticky bgColor="white" :class="{'overflow-hidden': openDropdwon}">
      <u-dropdown ref="dropDown" class="u-dropdown" @open="opendDropdwon" @close="closeDropdwon">
wangsongjie commented 1 month ago

u-dropdown结合up-sticky会造成页面不可点击，求修复bug。

通过给up-sticky 设置overflow-hiden 可以解决

function opendDropdwon(e:any) {
  openDropdwon.value = false
}
function closeDropdwon(e:any) {
  setTimeout(() => {
    openDropdwon.value = true
  }, 250);

}

<up-sticky bgColor="white" :class="{'overflow-hidden': openDropdwon}">
      <u-dropdown ref="dropDown" class="u-dropdown" @open="opendDropdwon" @close="closeDropdwon">

直接用css3 sticky了。弃用up-sticky