Question

我正在使用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()对我有用。

Answer 1

问题在于您的目标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];

将scrollIntoView函数应用于JQuery函数

1 个答案: