zoukankan      html  css  js  c++  java
  • bootstrap-datetimepicker 滚动错位问题

    问题:在页面上弹出控件的时候,滚动后面页面,时间控件就会错位。

    解决方法1:

    搜索bootstrap-datetimepicker.js里面的"show:"方法,在this.place()方法后面添加以下代码:

    $(window).on('mousewheel', $.proxy(this.place, this));

    然后搜索"top = top",在place:方法里面,把:top = top + containerOffset.top;修改为 :

    top = top; // containerOffset.top

    但是上面有个问题,就是页面滚动的时候,控件调整位置的总是延迟一步,不知道是不是其他js冲突了。

    所以我用的下面的解决方法2

    解决方法2:

    因为上面滚动延迟一步的问题,所以干脆直接在控件显示的时候,让滚动条禁止滚动,就不会出现错位的问题:

    搜索:"show:"方法,在里面加入以下代码

    1       $(window).bind("wheel",function(event){
    2           event.preventDefault();
    3           return false;
    4       });

    搜索"hide:"方法,在里面插入以下代码:

    1 $(window).unbind("wheel");

    问题就得到解决了!

  • 相关阅读:
    IOS-SQLite3的封装
    IOS-SQLite3
    IOS-真机相关
    IOS-将任意对象存进数据库
    IOS-支付宝
    IOS-推送通知
    iOS-证书真机调试
    iOS-免证书真机调试
    iOS-沙盒路径
    Android之发送短信的两种方式
  • 原文地址:https://www.cnblogs.com/zhang-ke/p/6780444.html
Copyright © 2011-2022 走看看