posúvajte #mainContainer na element v polyméri pomocou JQuery - javascript, jquery, polymer

Používam Polymer "core_scaffold" a chcem vykonať nejakú funkciu jQuery na #mainContainer (Id). Pokúsil som sa použiť nasledujúci kód

$("#mainContainer").on("scroll", function() {
// custom code
});

môže mi niekto dať vedieť, ako získať funkciu posúvania na #mainContainer na polyméri?

Vopred ďakujem.

odpovede:

Najskôr nemá zmysel používať jQuery na to. Pri pohľade na kód core_scaffold na https://github.com/Polymer/core-scaffold/blob/master/core-scaffold.html zdá sa, že je vysielaná udalosť "scroll".

scroll: function(e) {
this.fire("scroll", {target: e.detail.target}, this, false);
}

Váš selektor ID môže byť vypnutý. len skús:

document.querySelector("[name="core-scaffold"]").addEventListener("scroll", function(event){ console.log(event)}, false)

otázka sa nachádza v okne. mainContainer je v tieni jadra a nemôže byť prepichnutý bežnými selektormi. ale jadro-lešenie poskytuje vlastnosť pre získanie posuvného prvku. Neviem, jquery veľmi dobre, takže budem používať javascript a môžete previesť.

var scroller = document.querySelector("core-scaffold").scroller;
scroller.onscroll = function (e) {
// do something while scrolling
};