html用css固定一个div固定到窗体底部 但是我设置了position:fixed;后

html用css固定一个div固定到窗体底部 但是我设置了position:fixed;后拖动整个网页时这个div是不跟着页面动的 但是当我拖动这块div的时候这块div就被拖的上下移动了 我想问下怎么做这块div能不被拖动
就是分享这块div 背景黑色也是一块div

第1个回答  推荐于2017-12-16
position:fixed是相对于body整个浏览器窗口的情况下吧,把要固定的div放在body标签下试试!追问

我传了图片了,我把html5放到手机上测试 分享的这个层(是个ul)包裹在黑色背景里(黑色背景也是个div),黑色部分不会被拖动,但是当我手指在白色层拉动时 这个白色分享部分就会被拖动。而我要的效果是不被拖动是固定在那个位置的,这个怎么做

本回答被网友采纳
第2个回答  2015-08-02
元素默认是不能被鼠标拖动的,不知道你所说的拖动是什么意思?
是这个div的内容上下滚动,还是div在窗口内的位置能随便拖动?追问

我传了图片了,我把html5放到手机上测试 分享的这个层(是个ul)包裹在黑色背景里(黑色背景也是个div),黑色部分不会被拖动,但是当我手指在白色层拉动时 这个白色分享部分就会被拖动。而我要的效果是不被拖动是固定在那个位置的,这个怎么做

追答

黑色层设置 fixed 分享的内容 在fixed层内绝对定位在底部
如果要底下的内容不会被拖动,就要禁止 touchmove

追问

哦哦 那具体怎么做呢 没有用过这个touchmove呀

追答

我的意思是,fixed 层盖住的下面的内容可能会被拖动,但是上面的内容不会动。
touchmove 是 手势事件,用法和click什么的类似

第3个回答  2020-12-25

Vue实践-CSS样式position/display/float属性对比使用

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网