我有個問題!我在手機安裝時的圖片下方有一張圖片。希望用戶進入網站后,1秒后自動將鴨屏拉起一點,這樣鴨子就可以在手機上顯示了。就在中間>
但是我現在有兩個問題,因為我的程式很久沒有做web程式了,不知道能不能這樣寫?中間呢?2、如何讓鴨子在頁面加載后一秒后滾動到中間?
感謝您看到我的問題,無論您是否幫助我解決了上述問題。
window.onload = function(){
$('html,body').animate({scrollTop:600},1000);
}
body{
width: 100%;
height: 1200px;
display: flex;
justify-content:center;
align-items:center;
}
#js-duck{
display: inline-block;
width:200px;
height: 200px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id="js-duck" src="https://upload.cc/i1/2022/02/15/UB1kXd.png" alt="duck">
uj5u.com熱心網友回復:
為了運行延遲代碼,您可以使用 setTimeout() 函式;
...
setTimeout(function() {
// Delayed code here
},
1000); // Time after which the code gets executed in seconds (1000 = 1s)
...
關于在中間顯示元素,您可以將元素的 display 屬性設定為任何行內(img 已經是)并使用 text-align: center; 在父母身上。對于垂直對齊,我個人使用了一個相當過時的解決方案,所以我將它留給其他人。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/435256.html
標籤:javascript jQuery css
