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在窗口内的位置能随便拖动?追问
是这个div的内容上下滚动,还是div在窗口内的位置能随便拖动?追问
我传了图片了,我把html5放到手机上测试 分享的这个层(是个ul)包裹在黑色背景里(黑色背景也是个div),黑色部分不会被拖动,但是当我手指在白色层拉动时 这个白色分享部分就会被拖动。而我要的效果是不被拖动是固定在那个位置的,这个怎么做
追答黑色层设置 fixed 分享的内容 在fixed层内绝对定位在底部
如果要底下的内容不会被拖动,就要禁止 touchmove
哦哦 那具体怎么做呢 没有用过这个touchmove呀
追答我的意思是,fixed 层盖住的下面的内容可能会被拖动,但是上面的内容不会动。
touchmove 是 手势事件,用法和click什么的类似
第3个回答 2020-12-25
Vue实践-CSS样式position/display/float属性对比使用