Javascript 将中的scrollIntoView函数应用于JQuery函数

我正在使用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();
}

来自witch的内容我调用这两个函数：

<a  onclick="myFunction()" class="showSingle" target="{$ID}">
    //HTML content here
</a>

//这里的HTML内容

我要在页面顶部购买的内容：

<div id="div{$ID}" class="targetDiv SlideDiv">
    //HTML content here 
</div>

//这里的HTML内容

---

我尝试组合这两个JS函数，但只有

jQuery（'.targetDiv'）.hide（）

对我有效

问题是您的目标div

<div id="div{$ID}" class="targetDiv SlideDiv">
//HTML content here 
</div>

2

var elem = document.querySelector(".targetDiv");

3

var elem = $(".targetDiv")[0];

---

请发布完整的js和html代码。可能还有其他我不知道的因素。这是维德。它有时会起作用，但可能是十分之一，而不是在所有图像上。如果你发布完整的代码，我只能为你提供更多帮助。对于所有Smarty等，完整的代码太大了。我发现哪里可能会出错。targetDiv被其他20个元素使用。它们有自己的唯一Id，但它们是用foreach生成的，因此我无法将其放入JS中。然后，您需要找到一种方法来标识要滚动到的div。对不起，我帮不了你

var elem = $(".targetDiv")[0];