hilangin element ketika di scroll kebawah setelah beberapa px tertentu

  • Useful
  • 0
  • Unuseful

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.

Competent Asked on March 3, 2021 in Web Development.
Add Comment
  • Useful
  • 0
  • Unuseful

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;
    }
};
Competent Answered on March 4, 2021.
Add Comment
  • Useful
  • 0
  • Unuseful

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.

Forum Master Answered on March 5, 2021.
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.