我为iPhone,Android和WP8设置了PhoneGap项目.
要刷新UIWebView的内容,我想为用户提供pull-to-refresh功能.
由于其他限制,我无法使用像iScroll这样的JavaScript解决方案.
有没有办法使用本机 pull-to-refresh功能重新加载UIWebView的当前内容？
我上启用iScroll 我的网页.
请注意,滚动条中的图像是链接(因此弹出窗口可以显示更大的图像,您知道交易).但iScroll的一个可爱功能是你可以拖动鼠标滚动.但是现在,当有人拖动它时,它会自动打开图像而不是滚动条形图.有解决方法吗？
我正在尝试制作一个粘性标题+第一列表.适用于桌面浏览器.
但是,当我在移动设备上滚动表格的x轴时,位置更新是拖动,即不够快.
我已经阅读了各种推荐iScroll的 SO线程.在这种情况下,我不确定如何正确使用它.应该拦截tbody滚动事件,根据iScroll的事件值来保留默认行为并更新位置？请指出我在正确的方向:)
$(function() {
var $tbody = $('tbody');
$tbody.on('scroll', function(e) {
var left = $tbody.scrollLeft();
$('thead').css('left', -left);
$('tbody td:nth-child(1), thead th:nth-child(1)').css('left', left);
});
var iScroll = new IScroll($tbody[0], { probeType: 3 });
iScroll.on('scroll', function(){
console.log('not fired?');
});
});
https://jsfiddle.net/97r799gr/
要重现此问题,您最简单的方法是在手机上访问https://jsfiddle.net/97r799gr/show.我正在使用SGS7边缘,所以我认为这几乎可以在任何移动设备上重现.
我已经阅读了很多论坛,但没有一个能解决我的问题.我确定它有点小我不见了
这是iscroll初始化:
// make PI scroll
piScroll2 = new iScroll('pi_scroll2');
这是我的css:
.pi_panel.large .content{
position: absolute;
width: 963px;
height: 616px;
top: 65px;
left:30px;
background:none;
/*background:url(../images/ISI_body.png) repeat-y;*/
overflow:scroll;
-webkit-border-radius: 0px;
}
#FullPiWrapper
{
position:relative;
z-index: 1;
overflow:hidden;
top: 60px;
width:980px;
height: 610px;
}
.pi_panel .pi_box{
padding: 0px;
margin: 20px 0px;
}
这是我的HTML:
<!-- BEGIN: PI PANEL LARGE -->
<div class="pi_panel large">
<div class="topBarPiFull">
<div class="title">Full Prescribing Information</div>
<div class="close_button_fullpi">Close</div>
<div class="annotated_pi_button">Annotated PI</div>
</div>
<!-- <div class="popContent"></div>-->
<div class="content" id="FullPiWrapper">
<div id="pi_scroll2">
<div …我正在寻找iScroll的替代方案来滚动div内部.
它需要支持这些操作系统:
而且我还需要pull-to-refresh功能.
有什么建议？
我一直在寻找,但找不到这个问题的答案.在一些论坛条目中,有些人认为设置useTransform:false和其他都是真的更好.useTransition也是如此.
我还读过设置-webkit-transform:translate3d(0,0,0); 滚动的div有助于它更快.但是不是useTransform选项设置这个css属性？
有人可以解释一下他们做了什么
1.useTransform 2.useTransition 3.-webkit-transform:translate3d(0,0,0)
哪个选项(1和2的真/假,3的有效/无效)对性能更好？
谢谢.
我iScroll在Phonegap 2.1.0 + IOS中使用v4.我在两个不同的页面中有两个iscroll.
首先是滚动
function locationload() {
locationScroll = new iScroll('locationWrapper', {
vScrollbar: false,
hScrollbar: false,
hScroll: false
});
}
第二个是滚动
function preferenceload() {
preferencesScroll = new iScroll('preferencesWrapper', {
vScrollbar: false,
hScrollbar: false,
hScroll: false
});
}
在第一页iScroll工作正常.第二页iScroll也运行良好.但是当我点击第二页中的按钮时,按钮会多次点击事件.如果我在第二页删除iScroll,按钮单击事件工作正常.我正在使用$ .mobile.changePage("#Page2",null,true,true); 导航到Page2.
我无法在任何地方找到任何解决方案,所以我希望有人能给我一些想法.
谢谢
我正在尝试同步两个可滚动的DIVS滚动位置.
方法如下:
方法 - 1:滚动事件设置其他DIV的scrollTop.问题:滚动事件在最后执行,UI在iOS游戏中缓慢.
方法-2:使用setInterval同步两个滚动位置.问题:iOS在滚动期间不执行计时器功能,因此在末尾同步滚动位置.再次这更加缓慢.试过,计时器修复如许多博客中提到但仍然没有优雅.
方法-3 :尝试自定义滚动条,所以iScroll并尝试同步scroll事件,问题:这似乎更好但在iOS仍然是缓慢!
方法-4:尝试自定义滚动条,因此iScroll尝试同步scroll事件,问题:使用iScroll但使用计时器而不是取决于onScroll事件,但在touchmove期间,iOS正忙于提供动画而不是执行所需的计时器直到touchend.下面的代码指的是这种方法.它也很迟钝.
var active = .., other = ...
// active : active Scrolling element
// other : Element to be in sync with active
window.setInterval(function () {
var y;
if (active) {
y = active.y;
} else {
return;
}
var percentage = -y / (active.scrollerHeight - active.wrapperHeight);
var oscrollTop = percentage * (other.scrollerHeight - other.wrapperHeight);
if (-other.maxScrollY >= toInt(oscrollTop)) {
other.scrollTo(0, -toInt(oscrollTop));
}
}, …我正在使用PhoneGap 1.3.0和Jquery Mobile 1.0制作应用程序.要滚动listview我想要使用iScroll,但滚动性能太糟糕了.滚动太慢了.
我也做了一些测试.
如果我在没有jQuery Mobile的情况下使用代码,那就快了
<div id="scroller">
<ul id="thelist" >
<li>Pretty row 1</li>
<li>Pretty row 2</li>
<li>Pretty row 3</li>
...
但是如果我添加jQuery Mobile listview类似的话.
<div id="scroller">
<ul id="thelist" data-role="listview" data-inset="true" data-theme="c">
<li>Pretty row 1</li>
<li>Pretty row 2</li>
<li>Pretty row 3</li>
这很慢.我该如何解决？
我正在使用iScroll4插件(http://cubiq.org/iscroll-4/)将滚动条添加到长度超过浏览器视口高度80%的页面.出于某种原因,当(并且仅在这种情况下)我添加它并尝试点击输入时,它将不会选择.只需单击其标签即可选择输入.
我该怎么做才能拥有iScroll4和可选择的输入？