hbuilder mui 教程里如何去掉滚动条

来源：蜘蛛抓取(WebSpider) 时间：2016-09-22 11:02 标签： mui 去掉滚动条
输入关键字或相关内容进行搜索
使用的mui-scroll-wrapper后，界面上出现的滚动条是不是就不是原生的滚动条了，变成html的滚动条了？
需要自己js初始化&div id=&scroll& class=&mui-scroll-wrapper&&&div class=&mui-scroll&&&/div&&div&
mui('#scroll').scroll();
要回复问题请先或
浏览: 1209
关注: 2 人提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供站长技术、站长资讯等内容
提供常用开发手册和开发工具
您现在的位置：& >
Hbuilder MUI 自定义事件绑定取消
导读：Hbuilder MUI 自定义事件绑定取消
listen(&bark&,&function(){console.log(&bark&)})&
mui.fire(plus.webview.currentWebview(),&&bark&)&
listen(&bark&,&null)&
mui.fire(plus.webview.currentWebview(),&&bark&)&
var&_handler&=&null;&
function&listen(id,&event){&
&&&&if(event){&
&&&&&&&&_handler&=&function(param)&{&
&&&&&&&&&&&&event();&
&&&&&&&&};&
&&&&&&&&window.addEventListener(id,&_handler)&
&&&&}else{&
&&&&&&&&window.removeEventListener(id,&_handler)&
转载请注明（B5教程网）原文链接：
网友评论：4708人阅读
07_HPP开发（22）
奇妙的前端，奇妙的js
众所周知，自从js有nodejs后，前端人员可以华丽的转身，去开发高并发非阻塞的服务端程序，
随着html5的出现，伴随一些amazing的特性，h5开发app的技术越发的成熟，
自从2008年国外推出phonegap后，前端人员又踏上开发app的路程，
今年来国内也对应推出了一些可以让前端人员开发app的ide，
不过大部分是收费的，强定制的，这里就不一一列举了。
这里推荐DCloud推出的HBuilder，一句话谁用谁知道。
一次开发两种app
通过HBuilder的云端打包技术（也可以放到本地），
你只需要写html+js+css即可开发出app，
并且是一次开发，即可生成android和ios两种对应app。
原理介绍-ui层
app中的ui对应html中的ui，你可以自行选择ui框架，
无论是bootstrap还是amazeui，还是jquery mobi（phonegap推荐ui），
还是HBuilder推荐的mui都可以，
这里建议使用HBuilder推荐的mui，
因为封装了一部分nativejs的东西，
而且HBuilder也封装了mui的快捷键，使用起来很方便。
总结一下，就是用html层次的ui框架来实现（模拟）app中的ui。
点这里下载官方mui-app：
原理介绍-nativejs
HBuilder开发app，不可避免的是调用android和ios中的原生方法，
大概原理如下：
qiao.ng.toast = function(msg){
// for ios
if(window.WebViewJavascriptBridge){
WebViewJavascriptBridge.sendMessage('showSystemToast$' + msg);
document.addEventListener('WebViewJavascriptBridgeReady',function onBridgeReady(){
WebViewJavascriptBridge.sendMessage('showSystemToast$' + msg);
}, false);
// for android
if(typeof android != 'undefined'){
android.showSystemToast(msg);
也就是封装了js调用android和ios的方法，
据HBuilder官网说法是封装了40w+的原生方法，
总结一下，就是js去调用android或iso中的原生方法。
点这里去下载官方nativejs-app：
DCloud，HBuilder，mui，nativejs，html5+的关系
DCloud是一家公司
DCloud推出的可以开发app的前端IDE，是基于eclipse二次开发而来，
所以熟悉eclipse或者myeclipse的开发人员可以很快的上手。
类似IDE，有phonegap等等。
DCloud推出的模拟原生app的ui框架，
类似框架有：bootstrap，amazeui，jquery mobi， framework7等
广义上的nativejs是指可以调用android，ios原生方法的js，
这里专指DCloud退出的nativejs，官方称封装40w方法。
html5+
据说是w3c旗下的组织，目标是退出适合开发app的加强版html5，
相关参与的机构有很多，但是感觉主力还是DCloud
相关链接：
1.html5+：
2.hbuilder：
4.nativejs：
5.bootstrap（国内）：
6.amazeui：
7.jquery mobi：
8.framework7（类ios）：
9.material-ui（android）：h
更多教程：
HBuilder开发App教程：
更多学习笔记：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：795453次
积分：7264
积分：7264
排名：第2070名
原创：200篇
转载：14篇
评论：276条提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供站长技术、站长资讯等内容
提供常用开发手册和开发工具
您现在的位置：& >
HBuilder mui 预加载
导读：所谓的预加载技术就是在用户尚未触发页面跳转时，提前创建目标页面，这样当用户跳转时，就可以立即进行页面切换，节省创建新页面的时间，提...
所谓的预加载技术就是在用户尚未触发页面跳转时，提前创建目标页面，这样当用户跳转时，就可以立即进行页面切换，节省创建新页面的时间，提升app使用体验。mui提供两种方式实现页面预加载。
方式一：通过mui.init方法中的preloadPages参数进行配置.
mui.init({
preloadPages:[
url:prelaod-page-url,
id:preload-page-id,
styles:{},//窗口参数
extras:{},//自定义扩展参数
subpages:[{},{}]//预加载页面的子页面
该种方案使用简单、可预加载多个页面，但不会返回预加载每个页面的引用，若要获得对应webview引用，还需要通过plus.webview.getWebviewById方式获得；另外，因为mui.init是异步执行，执行完mui.init方法后立即获得对应webview引用，可能会失败，例如如下代码：
mui.init({
preloadPages:[
url:'list.html',
id:'list'
var list = plus.webview.getWebviewByid('list');//这里可能返回空；
方式二：通过mui.preload方法预加载.
var page = mui.preload({
url:new-page-url,
id:new-page-id,//默认使用当前页面的url作为id
styles:{},//窗口参数
extras:{}//自定义扩展参数
通过mui.preload()方法预加载，可立即返回对应webview的引用，但一次仅能预加载一个页面；若需加载多个webview，则需多次调用mui.preload()方法；
如上两种方案，各有优劣，需根据具体业务场景灵活选择；
转载请注明（B5教程网）原文链接：
网友评论：

我要回帖

更多关于 mui 去掉滚动条 的文章

 

随机推荐