关于zui.js 滚动条的问题

呆萌小熊 2018-05-16 09:38:19

网站第一次加载时正常的如下图：

当点击切换按钮滚动条消失（包括全部选项的），前端代码如下图：

求各位大侠帮帮忙小女子已经弄了几天了都没找到，发现原因可能在如下图

...全文

343 回复打赏收藏转发到动态举报

写回复

用AI写文章

切换为时间正序

请发表友善的回复…

发表回复

前端html5框架ZUI发布1.2正式版本了！此版本增加了很多新特性，同时修复问题，文档也得到大幅完善。欢迎大家使用并反馈问题，更新明细： 1、新增日历视图组件，方便实现日程的展示 2、新增数据表格视图组件，更轻松实现复杂数据的展示，移除table.data.js 3、重新实现的模态框触发器，模态框触发器同时支持加载远程内容和实时内容，实时根据自身内容调整位置和尺寸，重新设计了调用接口，使用更加方便，消除了模态框触发器于一般模态框发生冲突的隐患 4、package.json增加组件及其依赖关系的配置，重新实现了Grunt任务，编译单独组件更加方便，并支持任意组件集合的打包编译，grunt任务将自动管理组件之间的依赖关系 5、大幅更新文档部分章节内容，并对文档整理样式进行了调整，在文档中可以查看每个组件属性，并给出第三方组件版本及用户支持信息，文档支持IE8，优化文档在小屏幕上的表现 6、重新实现了漂浮消息组件，调用更方便，更好的动画效果 7、新增新的第三方组件chartjs，能够绘制简单图表 8、增加browser.js，为IE系列的浏览器增加版本提示辅助类 9、新增 'store.js'，实现本地存储通用接口，并增加单独页面范围的独立存储机制，beta版本中的页面标识有时不正确的bug已得到修复 10、新增 'jquery.extensions.js'，增加一些实用的jQuery扩展方法，便于进行其他组件的开发，移除原'unities.js' 11、增加array.js，提供一些操作数组的实用方法 12、调整了dist目录结构，第三方组件和适合单独调用的组件将直接包含在lib目录中 13、Chosen选项及分组支持title属性，Chosen弹出列表支持自定义宽度，调整多选Chosen中选项的样式 14、修复Chosen中特定情况下placeholder无法显示的问题 15、日期时间选择器将能够自动从html标签中获取页面语言设置并应用语言设置 16、调整左侧固定导航样式 17、在date.js中增加一些实用方法来帮助进行日期计算 18、模态框支持额外的两种默认尺寸，修复某些时候模态框弹出时滚动条闪动的问题 19、修复代码段第一行出现错位的样式问题 20、一些组件的额外组成部分其对应的文件被重新命名 21、修复特定情况下kindeditor图标无法显示的问题 22、优化区块面板视图动作按钮事件监听机制 23、修复color.js中增加命名颜色支持 26、弹出框增加新的选项能够制定JS生成DOM的id属性，便于自定义样式 27、大幅优化代码，修复一些在Javascript代码中的错误，完善关键代码注释，增强部分代码文件与requierejs的兼容性

2019独角兽企业重金招聘Python工程师标准>>> ...

Node.js 是一个开源与跨平台的 JavaScript 运行时环境。它是一个可用于几乎任何项目的流行工具！ Node.js 在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核）。这使 Node.js 表现得非常出色。 Node.js 应用程序运行于单个进程中，无需为每个请求创建新的线程。 Node.js 在其标准库中提供了一组异步的 I/O 原生功能（用以防止 JavaScript 代码被阻塞），并且 Node.js 中的库通常是使用非阻塞的范式编写的（从而使阻塞行为成为例外而不是规范）。当 Node.js 执行 I/O 操作时（例如从网络读取、访问数据库或文件系统），Node.js 会在响应返回时恢复操作，而不是阻塞线程并浪费 CPU 循环等待。这使 Node.js 可以在一台服务器上处理数千个并发连接，而无需引入管理线程并发的负担（这可能是重大 bug 的来源）。 Node.js 具有独特的优势，因为为浏览器编写 JavaScript 的数百万前端开发者现在除了客户端代码之外还可以编写服务器端代码，而无需学习完全不同的语言。在 Node.js 中，可以毫无问题地使用新的 ECMAScript 标准，因为不必等待所有用户更新其浏览器，你可以通过更改 Node.js 版本来决定要使用的 ECMAScript 版本，并且还可以通过运行带有标志的 Node.js 来启用特定的实验中的特性。大量的库 npm 的简单结构有助于 Node.js 生态系统的激增，现在 npm 仓库托管了超过 1,000,000 个可以自由使用的开源库包。 Node.js 应用程序的示例 Node.js zui常见的 Hello World 示例是 Web 服务器： const http = require('http')const hostname = '127.0.0.1'const port = 3000const server = http.createServer((req, res) => )server.listen(port, hostname, () => ) 此代码首先引入了 Node.js http 模块。 Node.js 具有出色的标准库，包括对网络的一.流支持。 http 的 createServer() 方法会创建新的 HTTP 服务器并返回它。服务器被设置为监听指定的端口和主机名。当服务器就绪后，回调函数会被调用，在此示例中会通知我们服务器正在运行。每当接收到新的请求时，request 事件会被调用，并提供两个对象：一个请求（http.IncomingMessage 对象）和一个响应（http.ServerResponse 对象）。这两个对象对于处理 HTTP 调用至关重要。第一个对象提供了请求的详细信息。在这个简单的示例中没有使用它，但是你可以访问请求头和请求数据。第二个对象用于返回数据给调用方。在此示例中： res.statusCode = 200 设置 statusCode 属性为 200，以表明响应成功。设置 Content-Type 响应头： res.setHeader('Content-Type', 'text/plain') 关闭响应，添加内容作为 end() 的参数： res.end('你好世界n') Node.js 框架和工具 Node.js 是一个底层的平台。为了使开发者做事变得容易又来劲，社区在 Node.js 上构建了数千个库。久而久之，其中许多已成为受欢迎的选择。以下是一些值得学习的清单： AdonisJs: 一个全栈框架，高度专注于开发者的效率、稳定和信任。 Adonis 是zui快的 Node.js Web 框架之一。 Express: 提供了创建 Web 服务器的zui简单但功能zui强大的方法之一。它的极简主义方法，专注于服务器的核心功能，是其成功的关键。 Fastify: 一个 Web 框架，高度专注于提供zui佳的开发者体验（以zui少的开销和强大的插件架构）。 Fastify 是zui快的 Node.js Web 框架之一。 Gatsby: 一个基于 React、由 GraphQL 驱动的静态网站生成器，具有非常丰富的插件和启动器生态系统。 hapi: 一个富框架，用于构建应用程序和服务，使开发者可以专注于编写可重用的应用程序逻辑，而不必花费时间来搭建基础架构。 koa: 由 Express 背后的同一个团队构建，旨在变得更简单更轻巧。新项目的诞生是为了满足创建不兼容的更改而又不破坏现有社区。 Loopback.io: 使构建需要复杂集成的现代应用程序变得容易。 Meteor: 一个强大的全栈框架，以同构的方式使用 JavaScript 构建应用（在客户端和服务器上共享代码）。曾经是提供所有功能的现成工具，现在可以与前端库 React，Vue 和 Angular 集成。也可以用于创建移动应用。 Micro: 提供了一个非常轻量级的服务器，用于创建异步的 HTTP 微服务。 NestJS: 一个基于 TypeScript 的渐进式 Node.js 框架，用于构建企业级的高效、可靠和可扩展的服务器端应用程序。 Next.js: 一个 React 框架，可为你提供生产所需的所有功能的zui佳开发者体验：混合静态和服务器渲染、TypeScript 支持、智能捆绑、路由预取等。 Nx: 使用 NestJS、Express、React、Angular 等进行全栈开发的工具包！ Nx 有助于将开发工作从一个团队（构建一个应用程序）扩展到多个团队（在多个应用程序上进行协作）！ Sapper: Sapper 是一个用于构建各种规模的 Web 应用程序的框架，具有出色的开发体验和灵活的基于文件系统的路由。还提供 S.S.R等！ Socket.io: 一个实时通信引擎，用于构建网络应用程序。 Strapi: Strapi 是一个灵活的开源 Headless CMS，可使开发者可以自由选择自己喜欢的工具和框架，同时还允许编辑人员轻松地管理和分发其内容。通过使管理面板和 API 可以通过插件系统进行扩展，Strapi 使全球zui大的公司能够加速内容交付，同时构建优美的数字体验。

js实现滚动条默认滚动到右边。

mCustomScrollbar.js(依赖jQuery、jquery-mousewheel)：兼容主流浏览器和IE,但是在ie8上滚动比较不顺畅。本文采用zUi；如下包括源码和demo，兼容性测试通过。zUI.js (依赖于jQuery)外层元素定高，overflow：hidden；内层元素长度自然撑开。对外层元素使用zui的方法panel();(function ($) { $.zUI...

.NET社区

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章