简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - stellar.js视差滚动插件中的showElement方法总是在元素一出现在视口就执行，能否改成元素到达视口中央才执行？
天蓬老师
天蓬老师 2017-04-10 15:18:56
0
1
453

这是stellar插件的中文文档，如乱码请将字符编码改成unicode

$().stellar({ // 自定义元素如何出现和消失 hideElement: function($elem) { $elem.hide(); }, showElement: function($elem) { $elem.show(); } })

stellar.js视差滚动插件中的showElement方法可以在元素出现的那一刻执行用户自定义的函数。
然而，这个方法总是在元素一出现在视口就执行，能否改成元素到达视口中央才执行？

天蓬老师
天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

membalas semua (1)
左手右手慢动作
左手右手慢动作2017-04-10 15:20:56 Tingkat 1

var rect=element.getBoundingClientRect用于获得页面中某个元素相对浏览器视窗的位置
根据你的需求判断rect.top是否在你期望的位置
如果是，就显示;否则继续等待

$().stellar({ // 自定义元素如何出现和消失 hideElement: function($elem) { $elem.hide(); }, showElement: function($elem) { var rect=$elem[0].element.getBoundingClientRect(); if(rect.top<=你期望的位置){ $elem.show(); } } });
Suka+0
Tambah Balasan
    Topik popular
    Lagi>
    Artikel popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！