下载一个文件,然后滚动到底部div,点击按钮

时间:2021-10-06 作者:Vivek Nath R

单击按钮,我希望用户下载一个apk文件。在同一时间单击,我想滚动到一个div。

是否可以在一个按钮中添加两个操作?注意:我使用的是elementor。

2 个回复
SO网友:Sean Sr

演示:https://codepen.io/livehelp/pen/MWoNPqX?editors=1010

只需在Elementor中使用HTML或Code元素来粘贴代码,而不是使用Button元素。

<h2><a href="#smooth" onclick="window.open(\'https://downloads.wordpress.org/plugin/apk-downloader.zip\')";>Click to Download + Smooth Scroll</a></h2>

<p>Insert enough text here to have a scoll bar.</p>

<div id="smooth"><h1>Tadaa! Jumps to this div based on the id #smooth onClick.<h1></div>

<script>
const links = document.querySelectorAll("a");

for (const link of links) {
  link.addEventListener("click", clickHandler);
}

function clickHandler(e) {
  e.preventDefault();
  const href = this.getAttribute("href");
  const offsetTop = document.querySelector(href).offsetTop;

  scroll({
    top: offsetTop,
    behavior: "smooth"
  });
}
</script>

SO网友:Praveen

Try this code

$(\'.download-btn\').click(function(){
  $(\'html, body\').animate({scrollTop : $(\'body\').height() }, 800);
});

相关推荐

Sliders with buttons

我正在寻找一个滑块插件,它允许我在滑块中插入其他按钮,而不是下一个和上一个数字,我的意思是将用户重定向到不同页面的按钮,等等。。。我会很感激你的信息!当做