我第一次点击jquery移动页面会增加溢出:隐藏在body标签上

时间:2015-06-16 19:10:50

标签: jquery html css jquery-mobile

我仍然是JQM的新手,只是尝试升级到1.3.2。 我知道JQM将后续页面请求加载到DOM中,然后在保持第一页作为DOM的一部分的同时进行转换。

我在1.3.2中注意到的是,在任何后续页面请求中,我首次点击该页面会将类import numpy as np def compare(path1, path2): x,y = np.fromfile(path1, np.int8), np.fromfile(path2, np.int8) length = min(x.size, y.size) x,y = x[:length], y[:length] z = np.where(x == y)[0] if(z.size == 0) : return z borders = np.append(np.insert(np.where(np.diff(z) != 1)[0] + 1, 0, 0), len(z)) lengths = borders[1:] - borders[:-1] starts = z[borders[:-1]] return np.array([starts, lengths]).T 添加到我的body标签中。作为ui-mobile-viewport-transitioning viewport-fade类的一部分,ui-mobile-viewport-transitioning属性会有效阻止用户向下滚动页面。

我知道我可以按照以下方式添加自定义CSS规则:

overflow:hidden

或者可能对我的所有链接使用rel =“external”,但我有疑问。

  1. 这是默认功能的目的是什么?我有时可能会理解你可能想要这种类型的功能,但我不能把它看成是你所有页面的事实。
  2. 我是否有效监听一些JQM事件并设置一个选项以防止这种情况发生?
  3. 编辑*:以上的CSS样式实际上并没有解决问题。 相反,这似乎有效:

    body.ui-mobile-viewport{
        overflow:visible;
        overflow-x:hidden;
    }
    

    我没有使用body.ui-mobile-viewport .ui-page{ height:99.9%; overflow:visible; } ,而是确保此css类位于JQM css样式表之后。如果无法做到这一点,那么您可能必须使用!important

    我已经解决了这个问题,但我确定这不是防止它的正确方法。我仍然很好奇是否有办法防止它已经内置到JQM中。

1 个答案:

答案 0 :(得分:1)

data-tap-toggle="false"添加到您的页脚。这将阻止tap / toggle => https://forum.jquery.com/topic/ui-fixed-hidden-on-click-event-1-1-rc2