scroll - 无法点击 Iscroll 5 的链接

标签 scroll iscroll

我正在使用 Iscroll 5,我可以使用此代码滚动,我没有问题。
唯一的问题是我的 iphone 无法点击链接,我不知道为什么...

<script type="text/javascript">
var scroll;
function loaded() {
    scroll = new IScroll('#contenu', {
    tap:true,
    desktopCompatibility: true,
        scrollbars: true,
        interactiveScrollbars: true,
        freeScroll: true,
        scrollX: true,
        scrollY: true,
        momentum: false,
        onBeforeScrollStart: null,
        mouseWheel: true
    });
}

//disables browser mouse scrolling
if (window.addEventListener) {
    window.addEventListener('DOMMouseScroll', wheel, false);
}

function wheel(event) {
    event.preventDefault();
    event.returnValue = false;
}

window.onmousewheel = document.onmousewheel = wheel;
</script>

如果我使用此代码,我可以单击但无法滚动...
<script type="text/javascript">
var myScroll;
var showkey =true;
function loaded () {
    myScroll = new IScroll('#contenu', { 
    tap:true,
    desktopCompatibility: true,
    onBeforeScrollStart: function (e) {
                var nodeType = e.explicitOriginalTarget ? e.explicitOriginalTarget.nodeName.toLowerCase():(e.target ? e.target.nodeName.toLowerCase():'');

                if(nodeType !='select' && nodeType !='option' && nodeType !='input' && nodeType!='textarea' && !showkey) {
                     e.preventDefault();    //prevents showing keyboard - scrolling
                }//otherwise, show keyboard, do default
                if(!showkey) showkey = true;
            },       
    });
    $('a, input, #sendmsg, .ml_tabs').on('touchstart', function(e) {
        e.stopPropagation();
    });
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', function () { setTimeout(iScrollLoad, 200); }, false);
</script>

最佳答案

上设置 Iscroll 的单击选项真

IScroll click documentation

myScroll = new IScroll('#youDIV',
                {
                    scrollX: false, 
                    scrollY: true
                    ,click:true // open click event
                    ,scrollbars: false 
                    ,useTransform: true
                    ,useTransition: false
                    ,probeType:3
                });

关于scroll - 无法点击 Iscroll 5 的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22269702/

相关文章:

javascript - 使用 iScroll 创建一个具有 snap 特性的 Picker

android - ListView 不滚动。我如何解决它?

css - div不能滚动只有浏览器窗口有滚动条

javascript - 在 mousedown-mousemove 上禁用滚动(Jquery/javascript)

jquery - 在一个 div 内滚动会自动触发滚动到其他 div 中的相关段落?

iphone - iphone 上的 iscroll : visual distortions. 我怀疑它与硬件有关?

c# - 在控制台应用程序中检测系统范围的滚动

jquery - 使用 jquery 或 javascript 的动态 div 的滚动条(对于 android phonegap)

javascript - 我们可以使用 iscroller 在一次滚动中滚动修复 3 个列表项元素吗

javascript - 检查元素在屏幕上是否可见 JavaScript/jQuery/iScroll