作者ucci (九滴)
看板Web_Design
标题[问题] 怎麽避免确认视窗在其他页面闪逤?
时间Wed Jan 12 16:27:32 2022
这是进站的初始确认视窗
在进入後看到网站说明 同意後进入
问题-同意後进入网站 浏览其他页面
还是会先载入出现这个视窗 使画面闪逤一下
尝试过不同摆放的位置 都没有用
请教大家要怎麽修改可以避免?
*---------------------------------------
<div class="sp-window">
<div class="sp-text" >
<p class="sp-title">网站说明</p>
<div class="sp-textb">
<p>说明一:</p>
<p>说明二:</p>
</div>
<div class="choice-btn">
<a class="btn-alpha" id="refresh-page" style="cursor:pointer!important;">确认
同意</a>    <a href="
https://google.com/"
class="btn-beta" id="reset-session">离开本站</a></div></div></div>
<script>
jQuery(document).ready(function($){
if (sessionStorage.getItem('advertOnce') !== 'true') {
//sessionStorage.setItem('advertOnce','true');
$('.sp-window').show();
}else{
$('.sp-window').hide();
}
$('
#refresh-page').on('click',function(){
$('.sp-window').hide();
sessionStorage.setItem('advertOnce','true');
});
$('
#reset-session').on('click',function(){
$('.sp-window').show();
sessionStorage.setItem('advertOnce','');
});
});
</script>
*-------------------------------------
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.83.140.47 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1641976054.A.FFD.html
※ 编辑: ucci (111.83.140.47 台湾), 01/12/2022 17:45:18
1F：→ adzc2568: 不是很确定你描述的问题，以下通灵： 01/12 18:10
2F：→ adzc2568: 你在页面渲染完後，判断 advertOnce 才对 .sp-window做 01/12 18:15
3F：→ adzc2568: 隐藏，推测你 .sp-window 预设就是渲染出来，所以会有渲 01/12 18:15
4F：→ adzc2568: 染完再马上隐藏的瞬间闪烁 01/12 18:15
5F：→ adzc2568: 但是不明白进入网站，浏览其他页面是甚麽意思，既然页面 01/12 18:18
6F：→ adzc2568: 已转跳，自然不会有这html，除非你每一页都有或是spa 01/12 18:18
7F：→ ucci: 这是放在部落格html 每一页都会有没错 01/12 19:47
8F：→ ucci: 希望不管从哪里进站都先看说明 01/12 19:48
9F：→ Rinorune: script会比较晚跑啊 你这样写一定会闪 01/12 20:45
10F：→ LPH66: 1~4 楼已经告诉你为什麽它会闪了 01/12 21:29
11F：→ LPH66: 所以你要做的应该是反过来, 先指定 display:none 01/12 21:30
12F：→ LPH66: 这样还没执行 script 前是隐藏, 然後 script 里判断 01/12 21:30
13F：→ LPH66: 是否第一次来 (你原先写的条件的反向), 第一次来再 show() 01/12 21:31
14F：→ ucci: 仔细想a大说的渲染二字 马上就去调CSS 果然可行 01/12 23:22
15F：→ ucci: 也非常谢谢L大的说明 谢谢大家 01/12 23:23
16F：→ kattte: 我连问题都看不懂 XD 01/14 19:39