mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
1.6 KiB
88 lines
1.6 KiB
/* generated by Svelte vX.Y.Z */
|
|
import {
|
|
SvelteComponent,
|
|
add_render_callback,
|
|
append,
|
|
detach,
|
|
element,
|
|
init,
|
|
insert,
|
|
listen,
|
|
noop,
|
|
safe_not_equal,
|
|
set_data,
|
|
text
|
|
} from "svelte/internal";
|
|
|
|
function create_fragment(ctx) {
|
|
var scrolling = false, clear_scrolling = () => { scrolling = false }, scrolling_timeout, p, t0, t1, dispose;
|
|
|
|
add_render_callback(ctx.onwindowscroll);
|
|
|
|
return {
|
|
c() {
|
|
p = element("p");
|
|
t0 = text("scrolled to ");
|
|
t1 = text(ctx.y);
|
|
dispose = listen(window, "scroll", () => {
|
|
scrolling = true;
|
|
clearTimeout(scrolling_timeout);
|
|
scrolling_timeout = setTimeout(clear_scrolling, 100);
|
|
ctx.onwindowscroll();
|
|
});
|
|
},
|
|
|
|
m(target, anchor) {
|
|
insert(target, p, anchor);
|
|
append(p, t0);
|
|
append(p, t1);
|
|
},
|
|
|
|
p(changed, ctx) {
|
|
if (changed.y && !scrolling) {
|
|
scrolling = true;
|
|
clearTimeout(scrolling_timeout);
|
|
window.scrollTo(window.pageXOffset, ctx.y);
|
|
scrolling_timeout = setTimeout(clear_scrolling, 100);
|
|
}
|
|
|
|
if (changed.y) {
|
|
set_data(t1, ctx.y);
|
|
}
|
|
},
|
|
|
|
i: noop,
|
|
o: noop,
|
|
|
|
d(detaching) {
|
|
if (detaching) {
|
|
detach(p);
|
|
}
|
|
|
|
dispose();
|
|
}
|
|
};
|
|
}
|
|
|
|
function instance($$self, $$props, $$invalidate) {
|
|
let { y } = $$props;
|
|
|
|
function onwindowscroll() {
|
|
y = window.pageYOffset; $$invalidate('y', y);
|
|
}
|
|
|
|
$$self.$set = $$props => {
|
|
if ('y' in $$props) $$invalidate('y', y = $$props.y);
|
|
};
|
|
|
|
return { y, onwindowscroll };
|
|
}
|
|
|
|
class Component extends SvelteComponent {
|
|
constructor(options) {
|
|
super();
|
|
init(this, options, instance, create_fragment, safe_not_equal, ["y"]);
|
|
}
|
|
}
|
|
|
|
export default Component; |