Question

手指向上滑动页面一个顶部固定DIV，如何避免滑动这个DIV动的时候，下面的页面也动！

Answer 1

　　你做的是HTML的触屏页面吧？这个不是很了解，但是可以提供一点建议：
　　不要把这个div直接写在目标页面中，而是用include的方式包含另一个网页，只要在所包含的页面中，写这个顶部固定的div就可以了。这样还可以起到重用重复标签功能的作用。
　　不知道这样能不能解决你所遇到的这个触屏页面问题，你也可以看看是不是position设置在哪一个div出现了问题

追问

body{
postion:relative;
}
wapper-content{
postion:fixed;
}

追答

　　你这做的是触屏页面的吧？我其实对这方面接触不多。
　　先看看是不是因为所设置的页面宽高大于屏幕的显示尺寸了？没问题的话，再把页面body的position不变，wapper-content的position:absolute试试。
　　其实归根到底，这个应该是冒泡机制的问题。上面的要是都解决不了，那只能从这个本质上来处理。可使用Jquery中的event.stopPropagation()方法阻止事件的分派，而且这个方法不存在兼容性问题。这样该节点上处理该事件的处理程序将被调用，事件不再被分派到其他Document节点。下面还有一些其他的方法，但是这些方法的兼容性很差：
　　window.event.cancelBubble = true;//停止冒泡
　　window.event.returnValue = false;//阻止事件的默认行为
　　event.preventDefault();// 取消事件的默认行为