你好，移动端怎么使页面不出现滚动条，怎么自适应呢，求指教

Posted 2023-03-16

关于滚动条：overflow:scroll（这个是出现滚动条，这个属性的其他的选择就是隐藏滚动条的，具体要看你的要求做选择了）;

关于自适应：除了必要的div、或者一些标签必须要求定死，一般手机端为了适应各种分辨率是不会出现定死大小的用百分比的设置宽度（这就是自适应了），举个最简单的例zi

     ｛

width：96%;


margin: 0 auto;

｝(无论是PC端、还是移动端。都比较推荐用自适应的，当然这些都是死的，人是活的，一些都要随机应变，不能太死脑筋)

来自：求助得到的回答 参考技术A 提示：fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与html中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~代码：bodybackground-position:center;//背景居中background-repeat:no-repeat;//无重复background-attachment:fixed;//固定不动------------------------------下面的是在html中直接添加的: 参考技术B 这个好说。首先添加一个HScrollBar（水平）或者VscrollBar（垂直）在它的Scroll事件里写（以水平滚动条为例）：privatevoidhScrollBar1_Scroll(objectsender,ScrollEventArgse)panel.Left=hScrollBar1.Width*hScrollBar1.Value/hScrollBar1.Maximum;会看到panel随滑块移动滑块的位置需要自己计算，scrollBar.value/value最大值*宽度或高度，得到的就是滑块相对于scrollbar左边界的位置（水平），或者是相对于scrollbar上边界（垂直）的像素数。之后怎么用随你了。[高质量编程]团队为您答疑解惑，欢迎提出宝贵意见和建议！ 176229432

如何使iframe自适应内容的高度且不出现滚动条 问题解决后再加10分

还有没有更好的啊

参考技术A <iframe src="xxxx“ width="980" onload="SetWinHeight(this)" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>
function SetWinHeight(obj)

var win=obj;
if (document.getElementById)

if (win && !window.opera)

if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;



你试下 看看能不能解决问题追问

试了下 不行啊~~~~~~~~~~~~~

追答

function autoSize()
var maxWidth = Math.max(
document.documentElement["clientWidth"],
document.body["scrollWidth"], document.documentElement["scrollWidth"],
document.body["offsetWidth"], document.documentElement["offsetWidth"]
);

document.getElementById("ff").style.width = maxWidth +'px';
document.getElementById("ff").style.height = document.documentElement["clientHeight"] +'px';

autoSize();
window.onresize = autoSize;

那再试试这个呢 ff是框架ID 还有要放在body里 加上样式bodyoverflow:hidden;

追问

还是不行

追答

那你加下我的qq吧 378574264

追问

你有验证码 加不上

参考技术B http://zhidao.baidu.com/question/299627782.html?oldq=1追问

你这个也不行

追答

这个是经过我测试，并且还测试过IE，FF等，在我的电脑上都可以的。

追问

能不能吧你测试的结构给我发一下看看啊 可能是结构不一样 这是我的结构

这里是topbar琐碎按钮

这里是banner

这里是导航

追答

1.html

无标题文档

var timeIframe;
window.onload=function()
timeIframe=setTimeout(GetIframeStatus,10);

function GetIframeStatus()

var iframe = document.getElementById("iframe");
var iframeWindow=iframe.contentWindow;
//内容是否加载完
if(iframeWindow.document.readyState=="complete")

var iframeWidth,iframeHeight;
//获取Iframe的内容实际宽度
iframeWidth=iframeWindow.document.documentElement.scrollWidth;
//获取Iframe的内容实际高度
iframeHeight=iframeWindow.document.documentElement.scrollHeight;
//设置Iframe的宽度
iframe.width=iframeWidth;
//设置Iframe的高度
iframe.height=iframeHeight;

else

timeIframe=setTimeout(GetIframeStatus,10);



这里是topbar琐碎按钮

这里是banner

这里是导航

2.html

无标题文档

122222222222222222222

bbbbbbbbbbbbbbbbbbb

本回答被提问者采纳