小编Der*_*lon的帖子

http://jsfiddle.net/p1my39fh/

table {
    width: 550px;
    border-collapse:collapse;
    margin: auto;
    background-color: #A4A4A4;
    border: 2px solid black;
    padding: 0;
}
table td {
    position: relative;
    text-align: center;
    border: 2px solid green;
    padding: 0;
    margin: 0;
}

<table>
    <tr>
        <td><input type="text" size="30"/></td>
        <td>Test Information</td>
    </tr>
</table>

如何删除周围的空间<input>？

如何使两个<td>宽度相同？

我读过这个网站上有很多帖子,但没有什么对我有用,我不知道为什么.

我正在尝试制作一个菜单,当您滚过它时"粘在"页面的顶部,反之亦然(当您向上滚动时停止粘贴)

使用Javascript

 $(document).ready(function(){
      var top = $('#FloatingMenu').offset().top - parseFloat($('#FloatingMenu').css('marginTop').replace(/auto/,100))
      document.addEventListener("scroll",Scroll,false);
      document.addEventListener("gesturechange",Scroll,false);
      function Scroll() {
           var y = $(this).scrollTop();
           if (y >= top) {
               $('#FloatingMenu').addClass('fixed');
           } else {
               $('#FloatingMenu').removeClass('fixed');
      }

CSS

 #FloatingMenu.fixed {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1;
     width: 100%;
     background-color: black;
     color: red;
  }
  #FloatingMenu {
     background-color: red;
     color: black;
     width: 100%;
     text-align: center;
  }

我已经尝试过重新粉刷,我已经尝试停止"惯性"滚动(我无法在iOS上的Chrome上停止)无论哪种方式,我尝试过的所有内容都有相同的结果.在PC或Android上完美运行,但在iPhone上,菜单不会重新绘制并"卡在"顶部,直到滚动停止并且手指从屏幕上移除.

有没有解决这个问题？我正在阅读的所有内容都表明,但是没有一个解决方案可以改变我的任何内容.

奇怪的是,如果您向上滚动(菜单已经卡在顶部)并且您滚过它,它会自动取消粘贴(即使在滚动时)并且工作正常.

唯一一次出现问题的时候是"重新粉刷""固定"菜单.

我希望有一个解决方案.一切都表明在iOS 8之后它已被修复(我正在测试10+)但它不会在滚动时显示菜单,直到你停下来放手.在iPhone 6和iPad Air 2. safari和chrome上进行了测试,全面的结果相同.