Question

您好我按下按钮后尝试在我的网站上移动偏移量。我将js脚本添加到主题Hestia中的header.php。

<script type="text/javascript">
function hidenShow(id) {
   var e = document.getElementById(id);
   var e1 = document.getElementById("f1");
   var e2 = document.getElementById("f2"); 
   var e3 = document.getElementById("f3"); 
   var e4 = document.getElementById("f4");
   var e5 = document.getElementById("f5");

   e1.style.display = 'none';
   e2.style.display = 'none';
   e3.style.display = 'none';
   e4.style.display = 'none';
   e5.style.display = 'none';

   e.style.display = 'block';
   window.scrollTo(0, window.pageYOffset - 200);
   }
   </script>

我的页面：

<div id="top"></div>
<p style="text-align: center;"><a class="fasc-button fasc-size-medium fasc- 
type-flat fasc-style-bold" style="background-color: #00d91d; color:             
#242121;" onclick="hidenShow('f2')" href="#top">Sprzedaż</a><span>&nbsp;<a 
class="fasc-button fasc-size-medium fasc-type-flat fasc-style-bold" 
style="background-color: #00d91d; color: #0a0a0a;" onclick="hidenShow('f3')" 
href="#top">Pomoc techniczna</a></span></p>

<div id="f1" style="text-align: left;">[one_half]<b style="font-size: 
22px;">Telefo alarmowy</b>[/one_half][one_half]<b style="font-size: 
22px;">Odział w cz</b>[/one_half]</div>
<div id="f2" style="text-align: left;">[contact-form-7 id="298" 
title="Sprzedaż"]</div>
<div id="f3" style="text-align: left;">[contact-form-7 id="297" title="Pomoc 
techniczna"]</div>
<div id="f4" style="text-align: left;">[contact-form-7 id="296" 
title="Płatności"]</div>
<div id="f5" style="text-align: left;">[contact-form-7 id="299" 
title="Pozostałe sprawy"]</div>
<div></div>

隐藏div的下一个css：

#f1 {
display: none;
}

我想在点击按钮后显示表单并且可以正常工作

设置屏幕，页面位置时问题开始。有人可以说我做错了吗？

WordPress导航导航页面添加js脚本

0 个答案: