app-framework学习--nav的Scroller禁用与启用

最新推荐文章于 2020-11-29 10:30:16 发布
最新推荐文章于 2020-11-29 10:30:16 发布
阅读量1.9k 收藏 1
点赞数 1
分类专栏： app-framework学习 appframework研发 文章标签： app-framework jqmobi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vincentblog/article/details/41243057
版权

app-framewor(jqmobi) nav的Scroller禁用与启用


写在panel 的 data-load 方法里
禁用  $.ui.scrollingDivs.menu_scroller.disable();
写在panel 的 data-unload 
重新启用 $.ui.scrollingDivs.menu_scroller.enable();
不会影响其他页面的nav的 Scroller


直接禁用某id的scroll
$.ui.scrollingDivs.panelid.disable();
 重新启用：
$.ui.scrollingDivs.panelid.enable();


@木尘
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery.ScrollNav精美滑动菜单导航插件-实用、简洁
12-29
jquery.ScrollNav精美滑动菜单导航插件-实用、简洁
priority-nav-scroller:Priority Nav Scroller是Priority +导航模式的插件
04-29
安装$ npm install priority - nav - scroller -- save - dev用法导入JS 该脚本是ES6（ES2015）模块，但编译后的版本作为“ src / scripts / priority-nav-scroller-umd.js”包含在构建中。 如果您的构建过程可以...
appframework 左侧和右侧点击滑动显示
淡淡忧桑
03-18 1133
appframework    右侧是aside  首先保证你的页面里面要有   This is a right side menu   滑动的时候才会出现 。要想点击出现  就要调用$.ui.toggleAsideMenu()  这个函数了    左侧是导航  要保证你页面里面要有标签    滑动的时候才会出现。 要想点击出现  就要调用$.ui.toggleSideMenu()  这
移动端横向水平可滑动的nav导航条
如果我年少有为不自卑
12-21 4077
<style> .mydeal-nav-brand::-webkit-scrollbar { display: none; } .mydeal-nav-brand { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } </style> <nav clas...
datagridview滚动条自动滚动_Axure 教程：不可见滚动条的页面滚动效果
weixin_39951929的博客
11-29 279
产品原型设计是产品经理每日或周期性必须经历的事情。经过长期的产品沉淀，每位产品经理多少都会有完美主义精神。产品原型的领域，就是其完美主义精神发挥的场所之一。在设计产品原型的过程中，经常会遇到这样的一种场景——所要展示的内容，超出了当前可视页面范围。遇到这种情况，通常使用Axure动态面板的滚动条设置来解决。有滚动条效果首先，创建动态面板（Panel）选中当前需要添加滚动条范围内部件，右键选中“创建...
vue-virtual-scroller：:high_voltage:大量数据快速滚动
02-08
虚拟虚拟卷轴 快速滚动任意数量的数据| |赞助商目录安装npm install --save vue-virtual-scroller :warning: 现在， vue-virtual-scroller使用在显示时自动刷新自身，以防止显示故障。 这意味着您需要包括vue-...
vue-scroller
04-09
vue-scroller移动端下拉加载组件 vue-scroller移动端下拉加载组件 vue-scroller移动端下拉加载组件
react-full-page-scroller:用于全页滚动的React模块
05-26
npm install --save react-full-page-scroller 演示版 用法 import React , { Component } from 'react' import MyComponent from 'react-full-page-scroller' import 'react-full-page-scroller/dist/index.css' ...
ngx-virtual-scroller:虚拟滚动显示虚拟的“无限”列表
04-29
赞助商 ngx-virtual-scroller 虚拟滚动显示虚拟的“无限”列表。 支持水平/垂直，可变高度和多列。... 没有标志可以禁用此功能，因为在所有情况下，这似乎都是最佳的用户体验。 如果您不同意，请提出问题。 v2.1.
基于 jquery、iscroll 写的一个导航栏 navscroll 插件
alokka的博客
09-26 1083
移动端h5导航小插件 利用 juery + iscroll 说明 一步登天做不到，但一步一个脚印能做到；一鸣惊人不好做，但一股劲做好一件事，可以做；一下成为天才不可能，但每天进步一点点有可能 这是我第一次写一个 jquery 的小插件 仿照了网上的一个demo github地址： https://github.com/peiluojia/navscroll 喜欢的可以给个 star ...
appframework3.0--初识
@木尘的小博客
02-05 5764
appframework3.0–初识 作者：木尘2015-02-05交流群：333492644 以前项目一直用的2.0也写过一些博客，后来因为项目比较忙所以落下了，现在项目即将上线，对于2.0我的项目虽然完成了，但是效果的确有些差强人意，有时间了，所以就开始研究3.0了，虽然3.0还没有发布，但是他的确比2.0要好的多，不管是从速度上还是从结构上都有了很大的突破官网地址：http://app-f
iscroll5+appframework3.0上拉加载下拉刷新
@木尘的小博客
03-09 4443
iscroll5+afui3.0上拉加载下拉刷新 下载地址：http://download.csdn.net/detail/haozq2012/8484113
app-framework学习--官网地址及demo下载地址
@木尘的小博客
07-22 4247
一起学习共同进步，加油！！！ 官网地址：http://app-framework-software.intel.com/ 下载地址：http://download.csdn.net/detail/haozq2012/7635951
app-framework学习--公用加载、刷新
@木尘的小博客
03-04 4108
app-framework学习–公用加载、刷新scrooller,上拉加载，下拉刷新（2.2）。群里有人问，我就给大家分享下吧！/** * @Author: muchen * @DateTime: 2015-03-04 10:30:10 * @Description: add下拉刷新 add上啦加载分页 * @param: myScroller Scroller对
appframework学习--appframework开发常见问题及解决方法（不定期更新）
@木尘的小博客
08-08 4066
1.页面跳转错误：Uncaught TypeError: Cannot read property 'afCSS3AnimateId' of undefined 原因：data-defer=""  跳转路径不正确 解决：路径正确即可 2.程序正在启动的圈圈一直  原因：转id冲突，出现重名id  解决：id冲突，出现重名id
app-framework学习--Scroller
@木尘的小博客
07-22 4031
Scroller 这个插件允许你创建一个可滚动区域。我们使用的JavaScript滚轮，除非该设备支持 - WebKit的溢出卷轴：触摸。它有许多修复Android版 创建： 2 $(selector).scroller({}) //create $(selector).scroller() //get the scroller object
appframework学习--mask toast
@木尘的小博客
08-01 3837
mask使用很简单，官网有介绍： 传入显示的文字和停留时间即可： function showMask(text,time) { $.ui.showMask(text); window.setTimeout(function () { $.ui.hideMask(); }, time); } 由于官网没有提供toast功能，研究了一下，添加几
el-table+vue-virtual-scroller
最新发布
09-29
el-table 是一个基于 Vue.js 的表格组件，用于展示数据列表。它提供了丰富的功能，如排序、筛选、分页等。而 vue-virtual-scroller 是一个用于优化大型列表性能的 Vue 组件，它利用虚拟滚动技术来减少渲染的元素数量，从而提高性能。 当使用 el-table 渲染大量数据时，可能会遇到性能问题，因为 el-table 默认会一次性渲染所有的数据行，无论是否可见。而通过结合 vue-virtual-scroller，可以实现虚拟滚动效果，只渲染可见区域的数据行，从而提高性能并减少内存占用。 要在 el-table 中使用 vue-virtual-scroller，可以按照以下步骤进行配置： 1. 安装 vue-virtual-scroller： ```shell npm install vue-virtual-scroller ``` 2. 引入并注册 vue-virtual-scroller 组件： ```javascript import Vue from 'vue'; import { RecycleScroller } from 'vue-virtual-scroller'; Vue.component('recycle-scroller', RecycleScroller); ``` 3. 在 el-table 标签中使用 vue-virtual-scroller 组件： ```html <el-table :data="tableData" v-loading="loading"> <template slot="default" slot-scope="scope"> <recycle-scroller :items="tableData" :item-size="40" :buffer="10"> <el-table-column prop="column1" label="Column 1"> </el-table-column> <el-table-column prop="column2" label="Column 2"> </el-table-column> <!-- 其他列 --> </recycle-scroller> </template> </el-table> ``` 这样，通过 vue-virtual-scroller 来优化 el-table 渲染大量数据时的性能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值