为何我的这段JS代码,那个DIV的样式会闪烁而不是在固定区域内显示或消失

guoliang72 guoliang72 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
window.onscroll=function ()
{
var oDiv=document.getElementById('list_show_table');
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
var oCate=document.getElementById('xround');
if(oDiv.offsetTop<(oCate.offsetTop-80)){
starMove(parseInt((document.documentElement.clientHeight-oDiv.offsetHeight)/ 2+scrollTop));
oDiv.style.display='block';
}else{
oDiv.style.display='none';
}
}



var timer=null;
function starMove(iTarget)//运动框架
{
var oDiv=document.getElementById('list_show_table');
var oCate=document.getElementById('xround');
clearInterval(timer);
timer=setInterval(function (){
var speed=(iTarget-oDiv.offsetTop)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(oDiv.offsetTop==iTarget||oDiv.offsetTop>(oCate.offsetTop-80))
{
clearInterval(timer);
}
else
{
oDiv.style.top=oDiv.offsetTop+speed+30+'px';
}
},30);
}
...全文

相关推荐

js实现div闪烁原理及实现代码

JavaScript实现div闪烁的原理及代码实现的相关知识点包括了网页元素的CSS显示属性控制,JavaScript事件处理机制以及定时器的应用。

weixin_38735987

UniApp web-view组件高度控制全攻略:从基础到自适应方案

在跨端开发中,web-view组件作为连接原生应用与H5页面的核心桥梁,其高度控制是前端开发中的常见挑战。理解web-view的底层实现原理至关重要,它并非普通div,而是根据不同平台(H5的iframe、小程序的原生组件、App的WebView控件)采用不同渲染机制,这直接导致CSS高度设置在不同端表现迥异。从技术价值看,精确控制web-view高度不仅能提升用户体验,还能避免滚动条嵌套、内容截断等问题,是实现无缝混合应用的关键。在实际应用场景中,开发者常需处理固定高度布局、全屏适配、内容高度自适应等需求

weixin_33937499

JavaScript 平滑文字闪烁

同样,800毫秒是文字完全消失后再重新出现的时间,也可以根据需求调整。总的来说,JavaScript平滑文字闪烁的实现主要依赖于JavaScript的定时器和颜色数组的循环使用。

weixin_38748556

情侣浪漫表白js特效代码.zip

**CSS样式控制**:通过JavaScript可以动态地更改元素的CSS样式,比如改变颜色、大小、位置等,从而实现动画效果。例如,让心形元素按照一定的轨迹移动,或者文字缓慢出现和消失。3.

weixin_39840650

Openlayers实现点闪烁扩散效果

创建一个闪烁扩散点的基本步骤如下:1. **定义CSS样式**: - 首先,我们需要定义两种不同的CSS样式来实现闪烁扩散效果。

weixin_38656374
评论 2
收藏 已收藏
分享
返回顶部
guoliang72
JavaScript 87,984 成员 224,681 内容