`
kabuchino
  • 浏览: 76655 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

滚动栏 ie兼容

阅读更多

做了个滚动栏

在ff,ie8下都可用

但是在ie6,ie7下,出现一些图片超出div

郁闷。。。

查了一下,是在ie6,ie7下 sytle="overflow:hidden;" 的应用有问题

没有效果

调查后,在div中增加 sytle="position:relative; overflow:hidden;"

 

OK,滚动正常。。。

 

 

<div id="roll_div" style="position:relative;overflow:hidden;width:246px; height:300px;">
	<div id="newStore">
	</div>
	<div id="newStore2">
	</div>
</div>
     	
<script language="javascript">

var newStore = document.getElementById("newStore");
var newStore2 = document.getElementById("newStore2");
var roll_div = document.getElementById("roll_div");

var speed=30
newStore2.innerHTML=newStore.innerHTML;

var MyMar=setInterval(Marquee,speed)
roll_div.onmouseover=function() {clearInterval(MyMar)}
roll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

var new_top = 0;
var old_top = -1;
var top_flg = false;
function Marquee(){

	new_top = newStore2.offsetTop - roll_div.scrollTop;
	if(old_top != new_top) {
		old_top = new_top;
		new_top = 0;
	} else {
		top_flg = true;
	}
	

	if(top_flg) {
		
		roll_div.scrollTop-=newStore.offsetHeight;
		top_flg = false;
	}
	else{
		roll_div.scrollTop++;
	}
}
</script>
分享到:
评论

相关推荐

    JS最简单的滚动新闻,兼容IE6及其他主流浏览器

    在这个项目中,我们关注的是一个简单的JS滚动新闻实现,它不仅支持早期的Internet Explorer 6(IE6),还兼容其他主流的现代浏览器。 在Web开发中,滚动新闻是一种常见的功能,它能够在页面上动态展示新闻标题或...

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条,同时确保兼容大部分浏览器,包括较为古老的Internet Explorer(IE)。 首先,我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成:轨道(track...

    js新闻上下滚动效果(兼容IE和ff)

    在本示例中,"js新闻上下滚动效果(兼容IE和ff)"指的是利用JavaScript实现一个新闻标题在网页上进行上下滚动的效果,这种效果常见于新闻网站,能够展示多条新闻,同时保持页面空间的有效利用。这个效果不仅在现代...

    兼容ie滚动条前端代码|兼容ie滚动条.rar

    兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动...

    element table固定头部兼容ie的滚动条样式自定义

    element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的...

    js文字滚动(IE火狐兼容版)

    在这个“js文字滚动(IE火狐兼容版)”中,我们主要探讨的是如何利用JavaScript来创建一个在不同浏览器上都能正常运行的文字滚动效果,包括Internet Explorer(IE)和Firefox等主流浏览器。 文字滚动是一种常见的网页...

    图片向上滚动效果(兼容ie6,ie7.ff)

    总的来说,"图片向上滚动效果(兼容ie6,ie7.ff)"是一个涉及到CSS布局、JavaScript动画以及浏览器兼容性处理的综合实践。实现这个效果需要对前端技术有深入的理解,并充分考虑用户的需求和体验。提供的压缩包文件很...

    自定义滚动条(兼容所有浏览器)

    标题“自定义滚动条(兼容所有浏览器)”所提及的知识点,就是如何通过CSS和JavaScript技术来定制滚动条的外观和行为,同时确保其在各个主流浏览器中都能正常工作。 **1. CSS Scrollbar Customization** CSS3引入...

    文字无间断向上滚动,兼容ie6

    标题"文字无间断向上滚动,兼容ie6"描述了一种技术实现,即在网页上实现文字持续不断地向上滚动,同时确保这个效果在古老的Internet Explorer 6(简称IE6)浏览器上也能正常工作。这在早期互联网时代尤其重要,因为...

    兼容IE的滚动条

    "兼容IE的滚动条"这个主题主要关注如何确保在IE浏览器中实现一致且美观的滚动条样式。 在IE中,滚动条的样式默认比较朴素,与页面设计可能不协调。为了改善这一情况,开发者可以利用特定的CSS hack或者JavaScript库...

    向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)

    本文将详细探讨如何实现一个“向上下左右不间断无缝滚动图片的效果”,并确保该效果在火狐(Firefox)和IE(Internet Explorer)浏览器上兼容。 首先,我们需要了解无缝滚动的核心原理。这种效果通常通过JavaScript...

    IE滚动条 CSS样式

    在早期版本的IE(如IE6、IE7)中,由于浏览器的兼容性问题,自定义滚动条样式并不完全支持,而从IE8开始,引入了`-ms-scrollbar`伪元素来允许一定程度的样式调整。然而,这些样式仅限于颜色、宽度和边框,不能像现代...

    文字间歇向上滚动代码(兼容IE,FF)

    标题“文字间歇向上滚动代码(兼容IE,FF)”表明我们将探讨一个JavaScript实现的解决方案,该方案不仅能在现代浏览器如Firefox中正常工作,而且还能兼容老版本的Internet Explorer(IE)。考虑到IE浏览器曾经的广泛...

    符合标准的间隙间歇滚动代码(兼容IE和FireFox

    符合标准的间隙间歇滚动代码(兼容IE和FireFox).htm 符合标准的间隙间歇滚动代码(兼容IE和FireFox).htm

    js实现图片滚动(ie火狐下都兼容)

    "js实现图片滚动(ie火狐下都兼容)"这个标题表明我们要探讨的是一个使用JavaScript编写的图片滚动脚本,该脚本能够在Internet Explorer和Firefox这两个主要的浏览器上正常工作,实现了跨浏览器兼容性。 首先,我们...

    原生javascript自定义滚动条(兼容IE,火狐,chrom)

    本篇文章将深入探讨如何使用JavaScript实现自定义滚动条,并确保其在Internet Explorer(IE)、Firefox和Chrome等主流浏览器中的兼容性。 首先,我们需要理解不同浏览器对滚动条的支持情况。在CSS中,Webkit内核的...

    自定义滚动条兼容IE(含滚动时的回调函数)

    本篇文章将详细探讨如何实现一个兼容IE浏览器的自定义滚动条,并包含滚动时的各种回调函数。 首先,我们关注的是HTML和CSS在构建自定义滚动条中的应用。在CSS3中,我们可以使用`::-webkit-scrollbar`和`::-webkit-...

    UI框架模板一(兼容IE8)

    "UI框架模板一(兼容IE8)"是一个专门针对老旧浏览器,尤其是Internet Explorer 8(IE8)进行优化的UI设计框架。Bootstrap是一个广受欢迎的开源UI框架,它简化了网页开发过程,同时提供了良好的跨浏览器兼容性。 ...

    scrollpic 多图片滚动 修复IE8

    "scrollpic 多图片滚动 修复IE8"这个主题聚焦于一个特定的技术挑战:如何实现多图片在网页上的循环滚动效果,并且兼容老旧的Internet Explorer 8(简称IE8)浏览器。在现代Web开发中,由于IE8对许多现代Web标准和...

    JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome.docx

    JavaScript 自定义浏览器滚动条兼容 IE、火狐和 chrome 本文主要共享了使用原生 JavaScript 实现自定义浏览器滚动条兼容 IE、火狐和 chrome 的思路与方法。通过 JavaScript 实现自定义浏览器滚动条,可以实现跨...

Global site tag (gtag.js) - Google Analytics