【CSS】之 (微信页面)表格或图片超出可来回滑动,标题保持不动

xiaoxiao2021-02-28  123

“> 背景:

(1)在微信页面(或移动端) (2)表格 或 图片 超出屏幕宽度

需求: (1)超出的表格或图片可左右滑动查看 (2)滑动时,标题保持不变

示例:

使用CSS (完美解决)


style="overflow-x: auto;"

例如,在要显示的内容中 添加。

使用js (滑动不平稳)


我初始想的: 起先用position 这个属性 的 fixed,不行,导致样式乱了。 所以使用position:relative 和 js , js:就是当滚轴滑动时,触发事件,修改样式 left

window.onscroll = function() { $("#d_page_title").css("left", $(document).scrollLeft()); }

转载请注明原文地址: https://www.6miu.com/read-82546.html

最新回复(0)