我正在使用 JQuery 显示和隐藏功能,它的工作方式就像您单击图像时会打开信息日志一样。信息日志在页面顶部打开,所以我需要在您单击页面底部的图像时将您向上滚动到内容。
我在隐藏和显示内容时使用的 JQuery:
jQuery(function() {
jQuery('.showSingle').click(function() {
jQuery('.targetDiv').hide();
jQuery('#div' + $(this).attr('target')).show();
});
});
我尝试使用的 Scrolintoview 函数:
function myFunction() {
var elmnt = document.getElementById("targetDiv");
elmnt.scrollIntoView();
}
来自女巫的内容我正在调用这两个函数:
<a onclick="myFunction()" class="showSingle" target="{$ID}">
//HTML content here
</a>
在页面顶部显示我要购物的内容:
<div id="div{$ID}" class="targetDiv SlideDiv">
//HTML content here
</div>
我试图结合这两个 JS 函数,但只有 jQuery('.targetDiv').hide()
适合我。
最佳答案
问题是你的目标div
<div id="div{$ID}" class="targetDiv SlideDiv">
//HTML content here
</div>
有一些 id 和类 targetDiv
和 SlideDiv
。
document.getElementById("targetDiv")
尝试查找 ID 为 targetDiv
的元素,但您的元素没有此 ID,但它有一个类同名。
您需要按类查找元素,这可以通过以下几种方式完成:
1
var elem = document.getElementsByClassName("targetDiv")[0];
2
var elem = document.querySelector(".targetDiv");
3
var elem = $(".targetDiv")[0];
关于javascript - 将 scrollIntoView 函数应用于 JQuery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56006944/