แสดงส่วนหัวเมื่อเลื่อนขึ้นไปบนส่วนหนึ่งของหน้าเพียงพอและด้วยความเร็วที่กำหนด

ฉันพยายามทำบางสิ่งใน jquery เช่น:

  1. ซ่อนส่วนหัวเมื่อผู้ใช้เลื่อนลง

  2. เมื่อผู้ใช้เลื่อนขึ้นเล็กน้อย ไม่ต้องแสดงส่วนหัว

  3. เมื่อผู้ใช้เลื่อนขึ้นไปอีกเล็กน้อย แต่ด้วยความเร็วที่ช้า แสดงว่าผู้ใช้อาจกำลังอ่านเนื้อหาอยู่ ก็ยังคงไม่แสดงส่วนหัว

  4. เมื่อผู้ใช้เลื่อนขึ้นเพียงพอและเร็วขึ้น ซึ่งหมายความว่าผู้ใช้อาจต้องการไปด้านบนหรือต้องการเข้าถึงการนำทาง ให้แสดงส่วนหัวและไปที่ลิงก์บนสุด

ฉันค้นหามามากแล้ว แต่ไม่พบสิ่งใดเช่นนี้ ฉันได้ลองทำสิ่งต่อไปนี้แล้ว:

http://wicky.nillia.ms/headroom.js/

ขอบคุณ


person Arsalk    schedule 17.04.2015    source แหล่งที่มา
comment
จนถึงตอนนี้คุณพยายามทำอะไร?   -  person kosmos    schedule 17.04.2015
comment
สวัสดี ฉันไม่เก่งจาวาสคริปต์มากนัก แต่ฉันได้ลองแล้ว jsfiddle.net/mariusc23/s6mLJ/ 31 ในโค้ดของฉัน แต่มันทำให้เกิดความล่าช้าทั้งในการเลื่อนขึ้นและลง แถมยังไม่คำนึงถึงความเร็วอีกด้วย   -  person Arsalk    schedule 17.04.2015


คำตอบ (1)


สามารถทำได้ด้วย jQuery

ได้รับคำตอบแล้ว: วิธีซ่อนส่วนหัวเมื่อเลื่อนลง แสดงเมื่อเลื่อนขึ้นเหมือนเมนู LinkedIn

แก้ไข

บทความดีๆ: https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c

person Hamza Shezad    schedule 17.04.2015
comment
ขอบคุณ แต่ฉันได้อ่านบทความเหล่านี้แล้ว พวกเขาไม่ได้ตอบสิ่งที่ฉันถามจริงๆ - person Arsalk; 20.04.2015