576501565
576501565
  • 发布:2015-09-15 23:30
  • 更新:2015-09-16 17:13
  • 阅读:3351

popover 滚动条失效

分类:MUI

在微信中用弹出菜单 ,发现滚动条失效。

2015-09-15 23:30 负责人:无 分享
已邀请:
576501565

576501565 (作者)

问题已经解决,感谢“DCloud_客服_果汁”的帮助。解决方法如下:
1 html部分

<div id="popover" class="mui-popover">  
    <div class="mui-popover-arrow"></div>  
    <div class="mui-scroll-wrapper">  
        <div class="mui-scroll">  
            <ul class="mui-table-view" id="ulProv"></ul>  
        </div>  
    </div>  
</div>

2 css 部分

 /*解决弹出菜单无法滚动*/  
    header.mui-bar {  
        display: none !important;  
    }  

    .mui-bar-nav ~ .mui-content {  
        padding: 0 !important;  
    }  

    #topPopover {  
        position: fixed;  
        top: 16px;  
        right: 6px;  
    }  

        #topPopover .mui-popover-arrow {  
            left: auto;  
            right: 6px;  
        }  

    p {  
        text-indent: 22px;  
    }  

    span.mui-icon {  
        font-size: 14px;  
        margin-left: -15px;  
        padding-right: 10px;  
    }  

    .mui-popover {  
        height: 300px;  
    }

3 javasctipt部分

  mui.ready(function () {  
        mui('.mui-scroll-wrapper').scroll();  
    });

样式部分可以根据实际需要进行调整

该问题目前已经被锁定, 无法添加新回复