移动前端-jquery mobile panel 独立于content滚动问题

问题描述

jquery mobile panel 独立于content滚动问题

我用panel做一个右侧菜单,panel加了如下css:

.ui-panel-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

并且添加了阻止冒泡事件的js:

$(".ui-panel").on("touchstart,touchmove,touchend",function(e){
e.stopPropagation();
e.preventDefault();
});

这样可以实现panel与content都有滚动条时分别独立滚动,但是,时常会出现滚动panel的时候会连带着content也一起滚动,这个我写的有什么问题吗?

解决方案

楼主 jquery的特效是想通的 你可以参考下面的一些实例
http://download.csdn.net/album/detail/1365

解决方案二:

我也碰到了同样的困惑,轻微楼主最后是怎么解决的?

时间: 2024-11-08 20:10:25

移动前端-jquery mobile panel 独立于content滚动问题的相关文章

jquery mobile-Bootstrap与Jquery mobile冲突,怎么解决?

问题描述 Bootstrap与Jquery mobile冲突,怎么解决? 上一页 下一页 </div> 这里的按钮效果就会消失,应该怎么解决这个问题,求大神指导 解决方案 jquery mobile 使滚动条滚动到底部scrollTop函数无效的解决方法jquery mobile 事件绑定问题 已解决jQuery Mobile笔记一 相关文章 jquery添加class怎么才能不与原来的冲突!!急!! jquery特效与其他特效冲突 jquery ui-Jquery mobile 升级1.4.

手机-jquery mobile样式应用问题

问题描述 jquery mobile样式应用问题 本个写了个table想自定义它的样式,已经添加了data-role="none"属性. 自己写了样式类,但实际情况是: 本地浏览时:<th> class="reportTD">账单号</th> 显示正常.但放至服务器上用手机浏览发现没有效果. 如果在每个地方都用嵌入样式写 <th style="text-align: center;border-bottom: 1px s

JQuery Mobile+ iscroll 列表滚动条的实现

        在开发的过程中,发现如果ul或者ol列表内容过多,高度大于外层div的高度的时候,JQuery Mobile会自动给加上滚动效果.但我在使用JQuery Mobile Panels的时候发现,在内容区域(content区域)加上ul或ol后,当列表数据多则滚动的时候,Header与Footer可以固定,但Revel Panel会随之滚动.         设想:content区域的列表无论是滚动的什么位置,Header.Foote与Revel Panel都是固定的,所以得到的解决

HTML 5 前端框架jQuery Mobile使用教程

1. 简介 jQuery Mobile是由(MT)Media Temple联合多家移动设备厂商以及软件企业共同发起的针对触屏智能手 机与平板电脑的Web应用的前端开发框架. jQuery Mobile构建于大名鼎鼎的jQuery 以及 jQuery UI类库之上,为前 端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统.拥有出色的弹性,轻量化以及渐进增强特性与可访问 性. jQuery Mobile框架遵循"write less, do more"思想来设计,通过该框架,用

jquery mobile中怎么将input和button放在同一行

问题描述 jquery mobile中怎么将input和button放在同一行 jquery mobile中怎么将input和button放在同一行 解决方案 <div class="ui-grid-a"> <div class="ui-block-a"> <input name="telcx" id="telcx" type="tel" value=""

移动新闻网站,掌上移动新闻,移动新闻客户端,jQuery Mobile移动新闻网站,移动新闻网站demo,新闻阅读器开发

我们坐在地铁上,常常拿出手机查看新浪移动新闻,腾讯新闻,或者刷微信看新闻等等功能.你们有没有想过他们是如何实现的.移动互联网,越来越热闹了. 因为HTML5来了,jQuery Moblie来了.今天我就用jqm来给大家做一个简单的移动新闻网站. 先看效果图: 好吧,我们来看看实现的代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <

请教各位达人一个问题 如何使用jQuery Mobile让pc网页自适应手机屏幕

问题描述 请教各位达人一个问题 如何使用jQuery Mobile让pc网页自适应手机屏幕 请教各位达人一个问题 如何使用jQuery Mobile让pc网页自适应手机屏幕 解决方案 http://skyonsea.com/html-width%E8%87%AA%E5%8A%A8%E9%80%82%E5%BA%94%E6%89%8B%E6%9C%BA%E5%B1%8F%E5%B9%95%E5%A4%A7%E5%B0%8F/ 这个网页是关于使用jQuery Mobile让PC网页自适应手机屏幕的文

jquery mobile-关于Jquery mobile跳转页面标签丢失问题

问题描述 关于Jquery mobile跳转页面标签丢失问题 我从数据库里读取二进制图片,绑定在页面上,但是跳转后,页面只有一张图片.页面的头部和尾部都没有了,什么情况 解决方案 @model IEnumerable @{ Layout = null; } <!DOCTYPE html> SqrsfzDetails 许可申请书 class="ui-btn-left jqm-back" data-transition="none">返回 data-d

jquery mobile中使用data-role=&amp;amp;quot;dialog&amp;amp;quot;弹出对话框的问题

问题描述 jquery mobile中使用data-role="dialog"弹出对话框的问题 如图,当页面除了一个"page"和"dialog"还有其它的 容器时,对话框后的背景就会显示没有样式的这个容器内容, 这是为什么呢,怎样才能让背景中不显示任何东西 解决方案 试试把背景内容放到另一个page中 你说的data-role =dialog 我没注意到 这个属性... 另外 可以看看 . data-role=popup http://www.