Javascript ẩn thanh địa chỉ di động

0

Alexandru Gagea

13 Tháng bảy 2022

Có vẻ như vấn đề là do tràn. lớp ẩn trên nội dung, HTML, #wrapwrap. Làm cho nó như tràn. hiển thị và thanh địa chỉ của trình duyệt ẩn đi khi cuộn trang web trên thiết bị di động. Tuy nhiên, điều này không hoạt động trên tất cả các thiết bị di động

thanh địa chỉ liên tục ẩn và hiển thị khi tôi cuộn qua trang làm hỏng trải nghiệm người dùng

Vấn đề với điều này là gì?

Để thực hiện việc này, bạn không cần sử dụng thao tác cuộn tài liệu thông thường. Thay vào đó, tôi khuyên bạn nên cố gắng để cơ thể cuộn

html {
  overflow: hidden;
}

body {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

Sau đó, trong ScrollTrigger, bạn đặt cuộn thành phần thân

scroller: document.body

Thử nghiệm

Xem Bút KKVKQVE của GreenSock [@GreenSock] trên CodePen

• 2

Liên kết để bình luậnChia sẻ trên các trang web khác

OSUblake    18.442 lượt thích [Siêu anh hùng]

• người điều hành
• quản trị viên
• 18,442 Like [Siêu Anh Hùng]
• 9,196 bài viết

• • Chia sẻ

Đăng ngày 3 tháng 6 năm 2020

2 giờ trước, mosik4 said

hiệu ứng 100vh

100vh có thể không phải là điều bạn nghĩ trên thiết bị di động

https. //github. com/bokand/URLBarSizing

• 3

Liên kết để bình luậnChia sẻ trên các trang web khác

ZachSaucier    7.110 lượt thích [Siêu anh hùng]

• người điều hành
• 7.110 lượt thích [Siêu anh hùng]
• 7,498 bài viết

• • Chia sẻ

Đăng ngày 3 tháng 6 năm 2020

2 giờ trước, mosik4 said

Đang loay hoay vì cái loại fixed effect 100vh mà mình đang theo đuổi. Tôi có một div cố định bên trong phần thân cố định. Và lưới css bên trong div cố định. Tôi đang thiếu gì ở đây?

Chính xác thì điều gì đang xảy ra?

• 1

Liên kết để bình luậnChia sẻ trên các trang web khác

ZachSaucier    7.110 lượt thích [Siêu anh hùng]

• người điều hành
• 7.110 lượt thích [Siêu anh hùng]
• 7,498 bài viết

• • Chia sẻ

Đăng ngày 3 tháng 6 năm 2020

Vui lòng tạo một bản trình diễn tối thiểu về thiết lập của bạn, bao gồm cả hoạt ảnh cơ bản mà bạn đang cố gắng đưa vào nếu bạn muốn nhận thêm phản hồi của chúng tôi về một giải pháp tiềm năng

Làm cách nào để ẩn thanh địa chỉ JavaScript?

Làm cách nào để ẩn thanh địa chỉ trong cửa sổ bật lên JavaScript?

Làm cách nào để tắt URL trong trình duyệt bằng JavaScript?