`
shixy
  • 浏览: 142093 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EasyUI Panel滚动条滚动时无效

阅读更多

现象:

       多个easyui-panel嵌套,在IE7下拖动滚动条时,整个界面的内容无法滚动,滚动条失效了

解决办法:

      在panel的父对象上添加

 

style="+position:relative;"
 

      只有IE7下出现会该bug,因此怀疑是样式问题.

      通过firebug调试发现,easyui-panel解析后的布局方式为相对定位postion:relative,将父对象同样设置为相对定位,问题解决。

分享到:
评论

相关推荐

    (可行)easyui 实现 panel 拖动效果

    本文将深入探讨如何使用EasyUI实现Panel的拖动效果,这对于提升用户体验和增强应用程序的交互性至关重要。 首先,让我们了解什么是Panel。在EasyUI中,Panel是一个可自定义的容器,它可以包含其他组件或内容。Panel...

    jquery easyui滚动条部分设置介绍

    在jQuery EasyUI框架中,创建的对话框(dialog)通常会自动居中显示在屏幕上,但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口,出现滚动条,dialog就会保持在原始的居中位置,导致用户需要手动滚动页面...

    EasyUI在Panel上动态添加LinkButton按钮

    Easyui的panel面板,在panel的面板中动态添加Linkbuton按钮的编辑方法,下面把实现思路及代码记录到脚本之家平台,供大家参考

    jQuery EasyUI Panel面板组件使用详解

    jQuery EasyUI Panel面板组件是一个基于jQuery框架构建的用户界面插件,它使得开发者能够通过简单的方法快速地创建出具有丰富交互性的界面元素,具体来讲,Panel组件允许用户轻松地创建包含标题栏、内容区域和可定制...

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。 第01课(大概介绍一下easyui,和组织...

    jQuery EasyUI 中文API—Layout(Panel)

    jQuery EasyUI 是一款基于 jQuery 的轻量级前端框架,它为开发者提供了丰富的组件,使得构建交互式的Web应用变得更加简单。Layout(布局)是 jQuery EasyUI 中的一个核心组件,它允许我们在网页上创建复杂的布局结构...

    easyUI的timespinner,实现 时 分 秒 微调时以不同的数值进行增减变动

    通过重新编译jquery.easyui.min.js 实现 easyUI的timespinner,在 时 分 秒 微调时以不同数值幅度进行变动的效果,比如 选中"小时",增减变动幅度为1,选中"分钟"时,增减变动幅度为10,选中"秒"时,增减变动幅度为...

    unigui_easyui_combo_下拉panel

    本篇文章将深入探讨Unigui与EasyUI结合使用时的“下拉Panel”功能,以及如何实现这一功能。 Unigui是一个基于Delphi技术的Web应用程序开发框架,它允许开发者使用Delphi的语言和组件模型来创建Web应用。Unigui提供...

    easyui详细笔记03之[parser、panel]

    easyui详细笔记03之[parser、panel]

    EasyUI tutorial 中文版 chm

    使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用...

    easyui datagrid 数据导出到Excel

    同时,注意导出时的样式保持一致,确保导出的Excel文件能够准确反映Datagrid中的数据和布局。 总结,将EasyUI Datagrid数据导出到Excel可以通过JavaScript库如wxport,或者jQuery插件配合html2canvas和jsPDF等工具...

    EasyUI InsdepTheme EasyUI的皮肤美化 免费版

    这表明该主题是针对特定版本的EasyUI设计的,可能不兼容更高或更低版本的EasyUI,因此在使用时需要注意版本的匹配问题。 关于EasyUI的使用,开发者需要先引入EasyUI的CSS和JavaScript文件,然后在HTML结构中应用...

    easyui1.7 官网示例大全

    easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...

    全套EasyUI示例源码

    - **布局组件**:如面板(panel)、窗口(window)、对话框(dialog)、分页(pagination)等,用于构建页面的基本结构。 - **表单组件**:包括输入框(textbox)、下拉框(combobox)、复选框(checkbox)、单选...

    jquery-easyui-1.4.5_easyuiapi_

    例如,监听Grid的`onDblClickRow`事件,可以在双击行时执行特定操作。 5. **主题与国际化** EasyUI提供了多种预设主题,如默认的"default"主题和更简洁的"bootstrap"主题。同时,EasyUI支持多语言设置,开发者可以...

    easyui官方离线文档

    1. **组件介绍**:EasyUI 提供了诸如对话框(dialog)、面板(panel)、菜单(menu)、下拉框(combobox)、树形控件(tree)、表格(datagrid)、分页(pagination)等常见的UI组件。每个组件都有详尽的用法说明和...

    easyui datagrid 表格 打印

    标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过formatter处理后的数据在打印时保持原有的格式。 在描述中提到的“支持formatter格式化数据的打印”,指的是Datagrid中用于数据美化和...

    jQuery EasyUI API 中文文档 - Panel面板

    以下是对 `jQuery EasyUI API 中文文档 - Panel面板` 的详细解释和示例: ### 创建 Panel #### 1. 通过 HTML 标签创建 在 HTML 中,你可以通过给 `<div>` 标签添加 `easyui-panel` 类以及相应的属性来创建一个 ...

    easyui_stepbnd_easyui_源码

    使用EasyUI开发时,开发者需要注意学习其API文档,了解每个组件的属性、方法和事件,以及如何通过CSS和JavaScript进行个性化定制。同时,熟悉jQuery也是必要的,因为EasyUI是基于jQuery构建的。总的来说,"easyui_...

Global site tag (gtag.js) - Google Analytics