关于返回顶部代码，IE6不支持的问题，希望高手帮忙解决一下._html/css

首页

web前端

html教程

关于返回顶部代码，IE6不支持的问题，希望高手帮忙解决一下._html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:13 PM

html代码

<html><head><script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><link rel="stylesheet" type="text/css" media="all" href="1.css" /></head><body><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="display:none;" class="back-to" id="toolBackTop"><a title="返回顶部" href="#top" class="back-top">返回顶部</a></div><!--top start--><script type="text/javascript">$(document).ready(function () {        var bt = $('#toolBackTop');        var sw = $(document.body)[0].clientWidth;        var limitsw = (sw - 880) / 2 - 91;        if (limitsw > 0){                limitsw = parseInt(limitsw);                bt.css("right",limitsw);        }        $(window).scroll(function() {                var st = $(window).scrollTop();                if(st > 30){                        bt.show();                }else{                        bt.hide();                }        });		 $("#toolBackTop").click(function () {                   $('body,html').animate({ scrollTop: '0px'}, 1000);                   return false;               });})</script><!--top end--></body></html>

css代码

.back-to {	bottom: 35px;	overflow: hidden;	position: fixed;	right: 10px;	width: 110px;	z-index: 999;}.back-to .back-top {	background: url("back-top.png") no-repeat scroll 0 0 transparent;	display: block;	float: right;	height: 50px;	margin-left: 10px;	outline: 0 none;	text-indent: -9999em;	width: 50px;}.back-to .back-top:hover {	background-position: -50px 0}

在IE6下显示错位，与IE8的现实位置不一样！求教解决代码，谢谢大家了

回复讨论(解决方案)

在IE下不能漂浮！

没人懂啊？

怎样用JS解决position: fixed; IE6无效的问题，谁能解决一下啊

怎样用JS解决position: fixed; IE6无效的问题，谁能解决一下啊

ie6采用js实现
参考

<%@ Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style type="text/css">html,body{margin:0;padding:0;}#y1 {position:fixed;top:0;left:0;width:100px;height:100px;border:1px solid red;}#y2 {position:fixed;top:0;right:0;width:100px;height:100px;border:1px solid red;}#y3 {position:fixed;bottom:0;left:0;width:100px;height:100px;border:1px solid red;}#y4 {position:fixed;bottom:0;right:0;width:100px;height:100px;border:1px solid red;}</style><!--[if lte IE 6]><style>#y1 {position:absolute;}#y2 {position:absolute;}#y3 {position:absolute;}#y4 {position:absolute;}</style><![endif]--> <script type="text/javascript">  //以下所有脚本只为IE6写，其他浏览器完全可以删除。  function getViewportScrollX() {    var scrollX = 0;    if (document.documentElement && document.documentElement.scrollLeft) {      scrollX = document.documentElement.scrollLeft;    }    else if (document.body && document.body.scrollLeft) {      scrollX = document.body.scrollLeft;    }    else if (window.pageXOffset) {      scrollX = window.pageXOffset;    }    else if (window.scrollX) {      scrollX = window.scrollX;    }    return scrollX;  }   function getViewportScrollY() {    var scrollY = 0;    if (document.documentElement && document.documentElement.scrollTop) {      scrollY = document.documentElement.scrollTop;    }    else if (document.body && document.body.scrollTop) {      scrollY = document.body.scrollTop;    }    else if (window.pageYOffset) {      scrollY = window.pageYOffset;    }    else if (window.scrollY) {      scrollY = window.scrollY;    }    return scrollY;  }   function getViewportWidth() {    var width = 0;    if (document.documentElement && document.documentElement.clientWidth) {      width = document.documentElement.clientWidth;    }    else if (document.body && document.body.clientWidth) {      width = document.body.clientWidth;    }    else if (window.innerWidth) {      width = window.innerWidth - 18;    }    return width;  }   function getViewportHeight() {    var height = 0;    if (window.innerHeight) {      height = window.innerHeight - 18;    }    else if (document.documentElement && document.documentElement.clientHeight) {      height = document.documentElement.clientHeight;    }    else if (document.body && document.body.clientHeight) {      height = document.body.clientHeight;    }    return height;  }   if (navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("MSIE 7") == -1 && navigator.userAgent.indexOf("MSIE 8") == -1) {    window.ononload = window.onscroll = window.onresize = function (e) {      var t = getViewportScrollY();      var l = getViewportScrollX();      var w = getViewportWidth();      var h = getViewportHeight();      document.getElementById("y1").style.left = l + "px";      document.getElementById("y1").style.top = t + "px";       document.getElementById("y2").style.left = l + w - document.getElementById("y2").offsetWidth + "px";      document.getElementById("y2").style.top = t + "px";       document.getElementById("y3").style.left = l + "px";      document.getElementById("y3").style.top = t + h - document.getElementById("y2").offsetHeight + "px";       document.getElementById("y4").style.left = l + w - document.getElementById("y2").offsetWidth + "px";      document.getElementById("y4").style.top = t + h - document.getElementById("y2").offsetHeight + "px";    }  }</script></head><body><div id="y1">左上角位置的内容</div><div id="y2">右上角位置的内容</div><div id="y3">左下角位置的内容</div><div id="y4">右下角位置的内容</div><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p></body></html>

引用 3 楼的回复:

怎样用JS解决position: fixed; IE6无效的问题，谁能解决一下啊

ie6采用js实现
参考
HTML code

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/……
我已经用自己的方法解决了！不过，还是很感谢你的回答

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

了解HTML，CSS和JavaScript：初学者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色：构建Web内容Apr 11, 2025 am 12:12 AM

HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容，使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。

HTML和代码：仔细观察术语Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web开发人员的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构，使用标签如、等。2.CSS控制网页样式，使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互，通过事件监听和DOM操作。

HTML，CSS和JavaScript的角色：核心职责Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

HTML容易为初学者学习吗？Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML中起始标签的示例是什么？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。