Javascript 使用锚定链接打开选项卡
我在页面的末尾有3个标签 我希望顶部的链接将一直向下并打开选项卡 最好的方法是什么? 谢谢 这是顶部的链接:Javascript 使用锚定链接打开选项卡,javascript,html,Javascript,Html,我在页面的末尾有3个标签 我希望顶部的链接将一直向下并打开选项卡 最好的方法是什么? 谢谢 这是顶部的链接: <div class="tab"> <a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Tokyo')"></a> </div> <div class="tab2"> <a href="javascript:void(0)
<div class="tab">
<a href="javascript:void(0)" class="tablinks" onclick="openCity(event,
'Tokyo')"></a>
</div>
<div class="tab2">
<a href="javascript:void(0)" class="tablinks" onclick="openCity(event,
'Paris')"></a>
</div>
<div class="tab3">
<a href="javascript:void(0)" class="tablinks" onclick="openCity(event,
'London')"></a>
</div>
这是选项卡
<div id="close" class="tabcontent">
</div>
<div id="London" class="tabcontent">
[insert page='246' display='content']
</div>
<div id="Paris" class="tabcontent">
[insert page='244' display='content']
</div>
<div id="Tokyo" class="tabcontent">
[insert page='193' display='content']
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active",
"");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("close").click();
</script>
[插入页面='246'显示='content']
[插入第244页显示内容]
[插入page='193'display='content']
函数openCity(evt、cityName){
var i,tabcontent,tablinks;
tabcontent=document.getElementsByClassName(“tabcontent”);
对于(i=0;i
谢谢您可以尝试更改href链接:
<div class="tab">
<a href="#Tokyo" class="tablinks" onclick="openCity(event,
'Tokyo')"></a>
</div>
<div class="tab2">
<a href="#Paris" class="tablinks" onclick="openCity(event,
'Paris')"></a>
</div>
<div class="tab3">
<a href="#London" class="tablinks" onclick="openCity(event,
'London')"></a>
</div>
单击链接将自动将页面滚动到锚定位置,除非您告诉我们您面临的确切问题,否则我建议“最佳”方式(您可能还必须定义问题中“最佳”的含义)是使用HTML:
;避免(可能)不必要的JavaScript。也许您希望使用jQuery进行动画,$('html,body').animate({scrollTop:$(container.offset().top-30},1000)代码>其中集装箱
是您的伦敦
,巴黎
东京
分区。