您的位置:首页 > 移动开发 > 微信开发

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

2017-09-01 15:23 615 查看
“> 背景:

(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());
}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息