已解決430363個問題，去搜搜看，總會有你想問的

如何將 jQuery css 樣式更改為 vanilla JS

首頁猿問如何將 jQuery css...

如何將 jQuery css 樣式更改為 vanilla JS

JavaScript

holdtom 2023-02-24 16:29:27

我在 jQuery 中得到了一個代碼，我需要將其轉換為純 javascript 代碼。$(window).scroll(function () { $('.baner').css({'transform':'translate3d(0px, '+(-($(this).scrollTop()/5))+"px"+', 0px'});});我試圖做的是：let win = document.querySelector(window);let banner = document.getElementById('#baner');win.addEventListener('scroll',function () { banner.css({'transform':'translate3d(0px, '+(-($(this).scrollTop()/5))+"px"+', 0px'}); });<div class='#baner'></div>如何將jquery css代碼改成.css({'transform':'translate3d(0px, '+(-($(this).scrollTop()/5))+"px"+', 0px'});JS？

查看完整描述

2 回答

子衿沉夜

TA貢獻1828條經驗獲得超3個贊

let banner = document.getElementById('#baner');

確保這是正確的：

let banner = document.getElementById('banner');

您不使用“#”，因為您已經說過它是一個 Id。

文檔.getElementById()

反對回復 2023-02-24

汪汪一只貓

TA貢獻1898條經驗獲得超8個贊

正如 Kalinauskas 在他的回答中提到的，您可以使用 document.getElementById()。

// () => {} is ES6 shorthand for a function (also called arrow function, read about it here https://www.w3schools.com/js/js_arrow_function.asp

// Instead of the .css function for jQuery, you have .style.yourStyleAtributeHere

let banner = document.getElementById('baner');

window.addEventListener("scroll", () => {

banner.style.transform = 'translate3d(0px, ' + (-(banner.scrollTop / 5))+"px"+', 0px'

});

反對回復 2023-02-24

2 回答
0 關注
144 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何將 jQuery css 樣式更改為 vanilla JS

如何將 jQuery css 樣式更改為 vanilla JS

2 回答

添加回答