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");

    问题就得到解决了!

  • 相关阅读:
    命令模式
    装饰模式 decorator
    儒道佛
    Facade模式
    Adapter
    TListView ItemCheck CheckedItems
    观 徼 偶 感
    c# Mid 子窗体 盖住 控件
    pycharm 连接mysql时区问题
    django_drf
  • 原文地址:https://www.cnblogs.com/zhang-ke/p/6780444.html
Copyright © 2011-2022 走看看