我有一個帶有回傳按鈕的產品串列頁面，用于重定向到主頁。我希望在重定向到主頁后向下滾動到特定的 div（在我的情況下，是產品的輪播）
我做了滾動，但是每次加載主頁時它都會起作用，但是我只希望在單擊回傳按鈕后才能滾動，請問我該怎么做？
有一些代碼：
產品頁面串列：
<a href="{{ path('home_index') }}" class="return-ad">
<img src="{{ app.request.getBaseURL()/arrow-white-left.png">
</a>
主頁 ：
<div class="row align-items-stretch">
Some code here
</div>
<script>
$(".return-ad").ready(function() {
$('html,body').animate({
scrollTop: $(".align-items-stretch").offset().top},
1000);
});
</script>
有人可以幫助我嗎？我是 Jquery 和 JS 的新手
提前致謝
uj5u.com熱心網友回復：
為此，您可以向 URL 添加一個片段，該片段可以在主頁下次加載時檢測到：
在產品頁面中，將#片段添加到 URL：
<a href="{{ path('home_index') }}#foo" class="return-ad">
<img src="{{ app.request.getBaseURL()/arrow-white-left.png">
</a>
然后在主頁中，檢測該片段并執行影片：
jQuery($ => {
if (window.location.hash && window.location.hash.substring(1) === 'foo') {
$('html,body').animate({
scrollTop: $(".align-items-stretch").offset().top
}, 1000);
}
});
另請注意，該ready()方法應在 DOM 中呼叫document，而不是在 DOM 中的元素上。我修改了上面的示例以使用document.ready事件處理程式的縮寫形式
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/446481.html
標籤：javascript jQuery
上一篇：TypeScript不一致-為什么編譯器允許物件屬性值賦值但不允許方法回傳值賦值？
下一篇：如何用jquery比較兩個類？