hilangin element ketika di scroll kebawah setelah beberapa px tertentu
Saya bikin element di setiap akhir post, dan di buat sticky di samping (sidebar)
kira2 seperti ini.
add_filter(
'the_content'
,
'wpjkt_float_post'
);
function
wpjkt_float_post(
$content
) {
global
$post
;
if
(is_singular(
'post'
)) {
$floatpost
.=
'<div class="wpjkt_float_on_post">'
;
// kelanjutan kodenya.....
$floatpost
.=
'</div>'
;
return
$content
.
$floatpost
;
}
}
elementnya mungkin bisa di lihat di salah satu halaman blog saya berikut. https://wpjakarta.com/woocommerce/tips-trik-merubah-text-copyright-tema-storefront/
mungkin ada yg bisa bantu, yg sy mau ketika halaman tersebut di scroll ke bawah saya ingin element tersebut hilang otomatis (misalnya setelah di scroll ke bawah setelah lewat 500px) atau ketika sudah mendekati footer.
wah, kodenya terlihat kacau
kira-kira seperti ini element <div> yang saya tambahkan…..
add_filter('the_content', 'wpjkt_float_post'); function wpjkt_float_post($content) { global $post; if(is_singular('post')) { $floatpost .= '<div class="wpjkt_float_on_post">'; // kelanjutan kodenya $floatpost .= '</div>'; return $content.$floatpost; } };
Halo
Untuk bisa melakukan scrolling seperti itu dipastikan menggunakan javasript. Mungkin yang bisa dilakukan seperti ini, pertama tambahakan selector berupa `id` pada div tersebut lalu gunakan function detection scrollTo pada javascript, cek scroll tersebut pada angka 500, jika match tambahkan class atau css display none.