怎么解决滚动后留下空白的问题？
adamcn 2002-12-19 03:31:09
怎么解决<marquee>滚动后留下空白的问题？
...全文
743 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
adamcn 2002-12-19
  • 打赏
  • 举报
 回复
对不起，错了
因该是demo1.offsetHeight=demo2.offsetHeight=demo2.offsetTop
adamcn 2002-12-19
  • 打赏
  • 举报
 回复
非常感谢！

demo.scrollTop-=demo1.offsetHeight
能不能写成
demo.scrollTop=0

因为这里demo1.offsetHeight=demo2.offsetHeight=demo2.offsetTop=demo1.offsetTop


blues-star 2002-12-19
  • 打赏
  • 举报
 回复
如果IE5.5以上,滤镜支持(DirectX滤镜).
Go_Rush 2002-12-19
  • 打赏
  • 举报
 回复
不错
meizz 2002-12-19
  • 打赏
  • 举报
 回复
秋水，我崇拜你。
qiushuiwuhen 2002-12-19
  • 打赏
  • 举报
 回复
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,10)
</script>
meizz 2002-12-19
  • 打赏
  • 举报
 回复
呵呵，即已知道其中的原理，那么你就可以类推了。
你可以将marquee里的那个图片链接循环N次即可达到你的目的了。
adamcn 2002-12-19
  • 打赏
  • 举报
 回复
呵呵，刚发现这个东西好象是“骗人”的，并没实际解决问题。
1234567890重复了90次，90*1234567890过后，还是有空白。
90是marquee的宽度/10取整得来的。
adamcn 2002-12-19
  • 打赏
  • 举报
 回复
不错，谢谢。
但我现在是一组向上滚动的图片。而且图片的总高度，超过</marquee>的高度
meizz 2002-12-19
  • 打赏
  • 举报
 回复
借花献佛:

<html>
<head>
<SCRIPT LANGUAGE=javascript><!--
function test()
{
try
{
var str = marStr.innerText;
var intLen1 = str.length;
var intLen2 = marStr.offsetWidth;
var j = intLen2/intLen1;
var strTemp = marStr.innerHTML;
if(j>1)
{
for(var i=0; i<j; i++)
strTemp+=" "+marStr.innerHTML;
}
marStr.innerHTML=strTemp;
}
catch(e){}
}
//--></SCRIPT>

</head>
<body onload=test()>
<marquee behavior="SCROLL" id="marStr" height="150" width="100%" loop="-1" truespeed onMouseOver="this.stop();" onMouseOut="this.start();">1234567890</marquee>
</body>
</html>
marquee+js实现某个区域的“无缝滚动效果”
一、背景： 　　做项目的时候用户经常喜欢让你在首页中放一些滚动的信息，业务办理呀，通知信息呀什么的。正常用marquee就可以直接实现了，但是我们会遇到这种情况，就是如果滚动区域很大的情况下，你会发现滚动信息的末尾必须滚完才能从底下或者右边（从下往上或从右往左滚动）接着滚动，这样中间会留下很多空白区域，不太好看，如果你想把他做的完美一下，就可以结合js脚本来实现无缝滚动的效果。 二、代码实现：...
文字一行横向滚动效果
最近在做大屏的一个项目，主要是以列表的形式展示一些数据，由于有的数据过长无法全部展示，要求横向滚起来，本来打算用js做，后来发现有个非常好用的标签一样代码搞定对的的简单粗暴符合我小帅的审美，废话不多说代码安排： 一、marquee标签用法 <marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="2
基于Vue的横向跑马灯提示(vue-marquee-tips)-用法与遇到的坑
基于Vue的横向跑马灯提示(vue-marquee-tips)-用法与遇到的坑 插件链接:https://github.com/wg5945/vue-marquee-tips 记录一下使用心得,这里不再详述。 目录 npm安装或cnpm安装 vue-marquee-tips的使用 作者留下的坑及解决方法 1.npm安装或cnpm安装 npm install vue-marquee-...
网页设计基础理论
ID选择器的使用方法和类选择器基本相同，不同之处主要在于ID选择器只能在HTML页面中使用一次，因此针对性更强，只用来对单一元素定义单独的样式。ID选择器使用时需要设置标签的ID属性，对与一个网页而言，每一个标签均可以使用ID="ID名"的形式对ID属性进行名称的指派。在定义ID选择器时，要在ID名称前面加一个“#”号。 导航栏是用户在规划好站点结构、开始设计主页时必须考虑的一项内容。导航栏的作用就是让浏览者在浏览站点时，不会因为迷路而中止对站点的访问。事实上，导航栏就是一组超链接，这组超链接的目标就是
chapter8 other
由惊风转载自互联网。跟大家分享，不需要积分！        1. 跑马灯 ...普通卷动 ...滑动 ...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动 向右卷动 向左卷动 ...卷动次数 ...设定宽度 ...设定高度 ...设定背景颜色 ...设定滚动速度 ...设定卷动时间 ...鼠标经过上面时停止滚动 ...鼠标离开时开始滚动
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章