关于手机jsp页面的左右滚动的问题

最新推荐文章于 2020-12-21 20:35:51 发布
最新推荐文章于 2020-12-21 20:35:51 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端相关 文章标签： jquery jsp 手机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013558123/article/details/78296843
本文介绍了解决手机端JSP页面左右滑动问题的方法。通过修改CSS属性，如position和right值，成功阻止了页面的左右滑动现象。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近开发的项目里面，有很多jsp页面，需要运行在手机里面，页面功能样式都调整好，测试的时候发现一个问题，左右能滑动，然后就在<body>标签里面加上了overflow-y: scroll;overflow-x: hidden;阻止左右的滑动，测试了下，还是老样子。左右能滑动，原来遇到过类似的问题，这句代码能解决的啊。然后就没有思路了。折磨了一个多小时，反复的检查页面，都没问题啊 。终于想起全面查看css 文件，发现了这么一句代码position: absolute;right: -14px; 觉得可疑，直接改成0；然后问题解决了  。  记下，防止忘记。
table 手机 滑动_Jquery移动端触屏左右滑动
weixin_39955355的博客
12-21 799
把相关代码粘出来了—欢迎来copy~~index.htmljquery移动端触屏左右滑动导航代码演示_大头网demo示例一全部科目会计从业会计职称注会税务师国际证书更多更多注会国际证书2更多4更多5demo示例二全部科目会计从业会计职称注会税务师国际证书更多更多注会国际证书2更多4更多5demo示例三全部科目会计从业会计职称注会税务师国际证书更多更多注会国际证书2大头网更多5demo示例四全部科目...
jsp页面适应手机屏幕_Jsp编写的页面如何适应手机浏览器页面
weixin_39996134的博客
12-21 767
经常遇到JSP网页需要适配手机设备的尺寸问题解决：在JSP加入content属性值 :width:可视区域的宽度，值可为数字或关键词device-width(设备的宽度)maximum-scale=2.0, minimum-scale=1.0;可视区域的缩放级别实现了适应手机页面，主要是设置了width为device-width，device-width为使用设备的宽度。REF:网页布局的原则一....
基于jsp页面的拖拽功能
11-09
基于jsp页面的拖拽功能，用户可以互相实现拖拽
javascript实现手机触摸屏左右（上下）滚动（javascript感知滑屏方向）
weixin_30730053的博客
06-26 360
现支持iOS、Android和电脑 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="target-densitydpi=med...
jsp中实现带滚动条的table表格
dha1989的博客
05-10 9719
0      0              1      2              3      4              5      6              7      8
实现左右滑动跳转页面 （父类 及其实现类）
xujingqing的博客
10-25 1194
另外两个抽象方法是在页面上添加的按钮实现按钮点击之后页面的跳转；具体代码如下；package com.xu.shoujiweishi.activity;import android.app.Activity; import android.os.Bundle; import android.view.GestureDetector; import android.view.MotionEvent;
通过viewport实现jsp页面支持手机缩放
10-25
"通过viewport实现jsp页面支持手机缩放"这一主题，正是解决这个问题的关键技术之一。Viewport是浏览器为移动设备提供的一种机制，用于控制网页在小屏幕上如何显示。 首先，我们需要理解什么是viewport。在Web浏览器...
jsp页面适应手机屏幕_JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码...
weixin_39669761的博客
12-21 1184
手机的屏幕有大有小，移动web最好做成响应式布局，也就是自适应屏幕，没有固定宽高，这样的话，在所有手机上都可以正常显示。关于移动端页面按手机屏幕分辨率自动缩放的js，先附上代码var phoneWidth = parseInt(window.screen.width);var phoneHeight = parseInt(window.screen.height);var phoneScale =...
jsp动态加载 图片实现左右滚动效果
水
09-03 7830
#outer img {                 border: 3px solid #F2F2F2;             }             a:link {                 color: #000000;                 text-decoration: none             }                  
JS实现容器模块左右拖动效果
weixin_42448925的博客
08-25 3060
JS实现容器模块左右拖动效果 实际效果是 鼠标点击上方颜色模块，左右拖动，根据拖动的距离来显示模块 一共有7个颜色块 代码如下 CSS #box { /*margin: 0 auto;*/ width: 1750px; border: 1px solid black; ...
同按钮启用/禁用
Up was the only direction your compass navigate.
08-11 467
简述   通过change事件控制jsp页面的显示，当状态为启用时，按钮显示为禁用。    jsp页面   用0和1表示启用和禁用。 &lt;c:choose&gt; &lt;c:when test="${bean.isSts eq 1 }"&gt; &lt;a href="javascript:;" class="btn btn-danger-out...
jsp 页面分割线，鼠标可以拖动
yangliuhbhd的博客
06-27 884
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
JSP页面中如果点击“禁用”或者“启用”，结果页面没反应，有可能的原因是什么
Andre_dong的博客
08-22 909
在JSP页面中，点击了“启用”（或者禁用）按钮不会切换到另一个文字，纹丝不动，看看代码都没写错，是什么原因呢？ 原来，是因为这里是td，td的意思就是会在“启用”或者“禁用”前面增加很多空格，让你的判断语句因为这些空格的干扰而判断不出来，正确的做法就是加上这个 这个的功能就是去掉传入的文字前面的空格 下次遇到这种有错误的问题应该怎么解决呢？ 如果你感觉到哪个部分出错，你可以尝试用console.log(感觉会出错的相关代码)，然后回到网页点击一下按钮，按F12看看输出什么语句，就可以知道问题出在哪里了 .
表头固定内容可滚动表格的3种实现方法
04-26 2432
有时候，我们在开发前端页面过程中，可能会用到这种表格：表头固定不动，表格内容（<tbody>）需要竖直滚动。 像这样的： 还有这样的： 通过研究，我大致总结了以下三种实现办法供大家参考，如果有错误之处敬请指正，也欢迎拍砖！！ 一、表格总宽度自动，每列宽度设置统一用<colgroup>设置 这种实现方法最简单，只需要用两个表格，一个表格作为表头，另一个表格...
关于jsp 登录成功后退出，阻止后退回到登录状态
qq_44585426的博客
12-20 1354
思路：session记录登陆状态，清空浏览器缓存页面。 下面是实验代码： index.jsp <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <title>JSP - Hello World</title> </head> <% session.se
JSP中实现系统登录后的退出原理及代码
06-03 1060
首先要在你登录的页面的某个地方，写上一个超级链接,让它链接到exit.jsp页面去，然后新建一个exit.jsp页面在其body中写上如下代码,即可以实现登录后的退出,感兴趣的朋友可以了解下啊，或许对你有所帮助 首先要在你登录的页面的某个地方，写上一个超级链接： 复制代码 代码如下: 退出 让它链接到exit.jsp页面去，然后新建一个exit.jsp页面在其body中
html/jsp 中table标签如何添加横向滚动条
热门推荐
u012954380的博客
03-13 2万+
有时候table标签会有很多列，这样会把列的宽度压缩，变的非常不美观，也不好浏览，列入这样&lt;body&gt; &lt;table border="1" width="600px" height="120px" align="center"&gt; &lt;tr&gt; &lt;td&gt;姓名&lt;/td&gt;
jsp中为table添加滚动条
zh1ang23的博客
02-21 6970
关键点：使用div嵌套table,table上加样式"overflow-x:scroll"即可; 代码： &lt;!--div比table的width要小滚动条才会显示--&gt; &lt;div class="box-horizontal" style="width: 900px;overflow-x:scroll;"&gt; &lt;table id="report-.
JSP页面实现图片轮播滚动的JavaScript技术
在本例中，JSP页面将用于展示图片轮播滚动效果。 #### 2. 图片轮播实现原理 图片轮播，又称为图片幻灯片或滑动图，是一种常见的网页元素，用于在有限空间内展示多张图片。它通常会自动或手动地循环播放图片，使得...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

人生万事须自为，跬步江山即寥廓。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值