滚动条左右滑动

妖狐艹你老母 2022-05-13 07:54 275阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<meta name="flexible" content="initial-dpr=2" />
    		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    		<title>移动端滚动条左右滑动</title>
    		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>	
    		<style type="text/css">
    			.All-cen {width: 94%;margin: 0 auto;overflow: hidden;}
    			.All-cen>div {padding-top: 0.931rem;margin: 0 auto;color: #3b3b3b;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    			.All-cen>div>div {display: inline-block;font-size: 0.378rem;margin-right: 0.9rem;height: 0.58rem;}
    		</style>
    	</head>
    	<body>
    		<div class="All-cen">
    			<div>
    				<div>全部</div>
    				<div>酒水</div>
    				<div>餐饮</div>
    				<div>全部</div>
    				<div>全部</div>
    				<div>酒水</div>
    				<div>餐饮</div>
    				<div>全部</div>
    			</div>				
    		</div>		
    	</body>
    </html>

请打开谷歌控制台,模拟移动端

演示Demo:[http://www.bright2017.top/test1/test1-23][http_www.bright2017.top_test1_test1-23]

[http_www.bright2017.top_test1_test1-23]: http://www.bright2017.top/test1/test1-23

发表评论取消回复

表情：

评论列表（有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

相关移动端左右滚动（无滚动条）导航栏

方法一：flex和overflow-y 下面这两条css属性，能够帮助我们实现移动端导航栏，左右滚动，但有滚动条。 display: flex; ov

秒速五厘米/ 2023年03月04日 09:14/ 0 赞/ 4 阅读

相关弹性布局左右滑动

弹性布局用起来是真的方便，但是今天老板要实现左右滑动的效果，这可为难我了，翻阅资料，终于找到方法了，上代码。 <view class="content">

待我称王封你为后i/ 2023年01月15日 10:26/ 0 赞/ 207 阅读

相关 CSS_如何设置滚动条样式_超出左右滚动

CSS-界面滚动时不显示滚动条设置滚动条的样式： div::-webkit-scrollbar { //width: 0; heig

矫情吗；*/ 2022年11月26日 01:57/ 0 赞/ 330 阅读

相关 html图片轮播带滚动条,纯CSS手动滑动轮播图（隐藏滚动条）

本文给大家介绍纯CSS手动滑动轮播图(隐藏滚动条)，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 HTML： ![dongtai.png][] 　　　

柔情只为你懂/ 2022年10月06日 07:49/ 0 赞/ 187 阅读

相关左右滑动swiper

转自：http://blog.csdn.net/xieshunhai/article/details/72830938 .wxml <view class="sw

谁践踏了优雅/ 2022年06月01日 11:58/ 0 赞/ 325 阅读

相关 9-滑动条（滚动条）创建与实现；createTrackbar()函数

`在前几节的讲解中，我们若想换个演示结果，就需要每次在程序里修改参数值，然后再次运行此程序，用起来很麻烦，若是可以在窗口中实时调整参数值，从而显示结果岂不是很方便。` `Op

悠悠/ 2022年05月27日 10:26/ 0 赞/ 285 阅读

相关滚动条进行吟唱,某个元素滑动到顶部

<style> html \{ /\隐藏滚动条，当IE下溢出，仍然可以滚动\/ -ms-overflow-style:non

港控/mmm°/ 2022年05月25日 03:11/ 0 赞/ 198 阅读

相关 scroll-veiw无法左右滑动让scroll-view左右滑动

在使用scroll-view组件的时候发觉无法左右滑动，经过测试才发觉有一个坑。直接用这个组件的时候还不可以左右滑动，还要设置一下样式才可以。 ![70

布满荆棘的人生/ 2022年05月22日 10:45/ 0 赞/ 262 阅读

相关滚动条左右滑动

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta na

妖狐艹你老母/ 2022年05月13日 07:54/ 0 赞/ 276 阅读

相关 QtQuick 左右滑动页面

1 import QtQuick 2.11 2 import QtQml.Models 2.11 3 4 5 Rectang

痛定思痛。/ 2022年01月07日 08:29/ 0 赞/ 392 阅读