Mam stronę, na której nie chcę, aby użytkownik mógł przewijać. Aby temu zapobiec, po prostu ustawiam ciało tak, by miał ukryty styl przepełnienia. Jest to wystarczające do momentu, w którym użytkownik spróbuje wybrać tekst, a następnie przeciągnie go na dół. Następnie okno przewija się, a użytkownicy przeciągają. Jak mogę temu zapobiec?Zatrzymaj przewijanie strony podczas wybierania/przeciągania tekstu.
Odpowiedz
użyć position: fixed;
. Jeśli chcesz, aby całe ciało, aby nie być przewijane:
body
{
position: fixed;
}
EDIT: po otrzymaniu komentarza od użytkownika Sam zdecydowałem się wrócić i przetestować tę metodę po raz kolejny. Teraz, gdy rozważyć ją i troskę Sama że będzie bałagan ze stylami, doszedłem do wniosku, że następnym będzie lepszym rozwiązaniem:
html
{
position: fixed;
width: 100%;
height: 100%;
}
zapobiega niektórych witryn (stackoverflow zestawie) z kończącym się w lewo wyrównane. Używa również najwyższego dostępnego węzła, który powinien był być zrobiony w pierwszej kolejności.
Chcę cię pocałować. no homo – rewolf
O_o Wezmę to w pewien sposób "w uścisk dłoni". –
Niezbyt użyteczne dla urządzeń mobilnych, ponieważ dodaje pasek adresu Safari. –
Próbowałem odpowiedzi Josepha, ale może to zepsuć wiele stylu na stronie.
Innym sposobem byłoby ustawienie przelewu na stronie internetowej do ukrytego, jest to również dalekie od ideału, ale nie zepsuło to żadnej stylizacji dla mnie, mam nadzieję, że jest to pomocne dla kogoś.
body {
overflow-y: hidden;
}
Jest to moim zdaniem bardziej poprawne rozwiązanie. 'overflow' dotyczy bezpośrednio przewijania strony. Chociaż nie koryguje to problemu z poruszaniem się oryginalnego plakatu podczas podświetlania tekstu, powinno to pomóc w wielu przypadkach, w których zapobiegają przewijaniu. –
Tak, już wspomniałem (w moim pytaniu) o czymś, z czego korzystałem, dopóki nie spróbowałem wybrać tekstu. – rewolf
o mój, całkowicie błędnie przeczytałem pytanie, byłem tak zajęty szukaniem odpowiedzi. Przepraszam, mój zły – Samuel
To może być pomocne
html
{
overflow: hidden;
}
To jest naprawdę niebezpieczne, ponieważ ukryje pasek przewijania i da fałszywe wrażenie, że ciało nie jest przewijane. Nie zapobiegnie to przewijaniu strony, gdy użytkownik przeciągnie dowolny zaznaczony tekst. –
- 1. Zatrzymaj miganie javascriptu podczas manipulowania zawartością strony?
- 2. Zatrzymaj przewijanie AppBarLayout wyłączyć ekran podczas NestedScrollView jest pusty
- 3. Zatrzymaj przewijanie strony podczas przechwytywania naciśnięć klawiszy, takich jak spacja i strzałki
- 4. Zatrzymaj przewijanie w poziomie w JTextArea
- 5. Zatrzymaj przewijanie na powiększonym elemencie iframe
- 6. przewijanie strony internetowej:
- 7. całkowicie wyłączyć przewijanie strony
- 8. Nieprawidłowe kolory tekstu podczas drukowania strony HTML
- 9. Zatrzymaj odświeżanie strony głównej podczas nawigacji między stronami?
- 10. Przewijanie strony Java na Androidzie
- 11. Przewijanie strony w iOS: przewijanie z przepełnieniem: dotknij
- 12. przewijanie strony internetowej przy użyciu watir
- 13. Zatrzymaj kliknięcie zmiany z podświetlania tekstu
- 14. Zatrzymaj wysyłanie żądania ajaxowego bez odświeżania strony
- 15. Zatrzymaj obiekt Fragment podczas obracania
- 16. jQuery przewijanie tekstu z boku na bok
- 17. Android: Automatyczne przewijanie tekstu w TextView
- 18. NSTextView, dodanie tekstu i płynne przewijanie
- 19. Emacs - przewijanie automatyczne po wstawieniu tekstu
- 20. vim - Zatrzymaj przewijanie po pierwszym pliku kończącym się
- 21. Zatrzymaj div przewijanie po dotarciu do innego div
- 22. Zatrzymaj $ limit czasu podczas uruchamiania nowego kontrolera.
- 23. jQuery Płynne przewijanie na wczytywania strony
- 24. jQuery fadeIn fadeOut powoduje przewijanie strony
- 25. Jak ustawić przewijanie do wyświetlenia strony internetowej?
- 26. Przewijanie do góry strony w gwt aplikacji
- 27. przewijanie nakładki div bez przewijania całej strony
- 28. Przenoszenie interfejsu jQuery UI i przewijanie strony
- 29. przewijanie elementu iframe ze strony nadrzędnej
- 30. Prevent strona przewijanie podczas przewijania elementu div
Dostaniesz lepsze odpowiedzi, jeśli post aktualny kod, którego używasz. Jeśli możesz stworzyć przykład na żywo za pomocą czegoś takiego jak http://jsfiddle.net, który jest jeszcze lepszy. – tw16
Myślę, że twoja metoda jest trochę wadliwa, jeśli nie chcesz, aby użytkownik zobaczył, że coś jej nie pokazuje, lub jeśli jej dane są potrzebne dla jakiegoś dziwnego ekranu użycia hack: brak css lub ukryte pola wejściowe. Próba uniemożliwienia podstawowej podstawowej funkcjonalności przeglądarki to przepis na awarię użyteczności. – Louis
Przepraszam za moją wadliwą metodę. W niektórych momentach podczas animacji elementy div są skalowane za pomocą transformacji CSS, a zatem obejmują obszar poza widocznym obszarem. W takich momentach przeciąganie użytkownika powoduje usunięcie ich z pożądanego obszaru widoku. Miałem tylko nadzieję, że zdarzyło się jakieś zdarzenie, które zostało wystrzelone podczas tego procesu wybierania/przeciągania, który mogłem przechwycić. – rewolf