묻다찾다_PHP 중국어 웹사이트

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

javascript - 좌우로 슬라이드할 수 있는 탐색 메뉴를 구현하는 방법

http://m.hexun.com 상단의 연한 빨간색 네비게이션 바와 유사하게 좌우로 원활하게 이동할 수 있습니다. 이렇게 하면 전화기 화면에 더 많은 메뉴 항목을 표시할 수 있습니다. 이 효과를 주는 주스 플러그인이 있나요? 온라인에서 슬라이드 메뉴를 검색하면 웹사이트 네비게이션이 화면 중앙에 나오는데, 제가 원하는 효과가 아닙니다.

習慣沉默 2017-07-05 11:03:37

모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요?

사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작동하지 않습니다! 또한 활성 위치(예: X)의 햄버거 메뉴 아이콘이 제대로 정렬되지 않았습니다. 하지만 가장 큰 문제는 클릭하면 탐색 모음이 접힌다는 것입니다. $(문서).ready(function(){$('.container').click(function(){$('.navbar.menu').toggleClass(

P粉692052513 2024-04-06 19:23:03

javascript - anglejs 단일 페이지 애플리케이션 하단으로 스크롤한 후 탐색이 새 페이지로 이동한 후 페이지 상단으로 스크롤하지 않는 문제를 해결하는 방법은 무엇입니까?

페이지 하단으로 스크롤한 후 탐색이 새 페이지로 이동한 후 페이지 상단으로 스크롤되지 않는 문제를 해결하는 방법은 무엇입니까?

漂亮男人 2017-05-19 10:42:03

스크롤할 때 공백이 표시되지 않도록 탐색 표시줄 뒤의 html 및 css에 배경 이미지를 추가해 보세요.

Navbar 및 바닥글 아래에 html 및 css 채우기 배경 이미지를 만드는 방법을 모르겠습니다. 탐색바를 스크롤할 때 공간은 단지 빈 공간이므로 상단과 하단에 공백 없이 스크롤되기를 원합니다. 감사해요! *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.Background-container{Background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07

javascript - 모바일 웹사이트 네비게이션 바의 수평 슬라이딩 감속 효과를 얻는 방법

주요 웹사이트의 모바일 버전 내비게이션 바는 일반적으로 휴대폰 화면을 터치한 후 슬라이딩하면 감속 효과가 있습니다. 인터넷에서 많이 검색해 본 결과 이 기능이 정말 마음에 들었습니다. js touch 이벤트에 대한 소개였는데 자세한 방법을 찾지 못해서 마스터님께 원리와 구체적인 설명을 부탁드리고 싶습니다.

给我你的怀抱 2017-06-28 09:27:42

페이지 탐색 중에 스크롤을 유지하는 것은 항상 바람직하지 않은 기능입니다.

나는 Breeze를 사용하여 표준 laravel + Inertia + vue3 설정을 가지고 있으며 Inertia 문서에 나와 있듯이 페이지 간 탐색은 브라우저 기본 동작을 모방하여 페이지가 로드될 때 스크롤을 맨 위로 재설정해야 합니다. 하지만 내 경우에는 그것이 작동하는 방식이 아닙니다. 내 링크에는 PreserveScroll:true가 없지만 어쨌든 이런 일이 발생합니다. 구성 요소가 로드될 때 맨 위로 스크롤하기 위해 vuejsonMounted() 후크를 사용하려고 시도했지만 페이지가 이전 페이지의 맨 위에서 마지막 스크롤 ...

P粉166675898 2024-01-02 16:00:21

iPad에서는 배경 이미지를 표시할 수 없습니다.

내비게이션 바 아래에 배경 이미지를 배치했고, 아래로 스크롤하면 내비게이션 바도 함께 아래로 이동합니다. 그런데 아이패드로 보니 배경 이미지가 검은색에 가까운 진한 파란색으로 나타나더군요. background__image {너비: 100%; 배경 이미지: url("https://Background-image.jpg");

P粉879517403 2023-07-25 11:58:00

iOS16에서는 Safari iPhone의 Z-index가 적용될 수 없습니다.

모바일 모드(예: Safari의 iPhone)에서 이 클래스 navbar-mobile을 javascript가 있는 탐색 요소에 적용하는 탐색 모음이 있습니다. 그런데 내비게이션 바가 상단에 표시되지 않습니다. .navbar-mobile{위치:고정;상단:0;오른쪽:0;왼쪽:0;하단:0;배경:rgba(0,0,0,0.9);전환:0.3s;-우리

P粉346326040 2023-08-25 20:33:05

Z-색인을 사용하여 드롭다운 콘텐츠를 맨 위에 배치하는 방법은 무엇입니까?

모바일 보기에서 이와 같이 작동해야 하지만 요소를 검사할 때 모바일 보기에 나타나는 드롭다운 div 요소입니다. 이 요소를 "z-index:121212!important;"로 유지하기 위해 거의 모든 관련 탐색 요소에서 CSS z-index 스타일을 변경하려고 시도했지만 드롭다운 div가 여전히 다른 모든 탐색 링크 뒤에 나타납니다. 왜 이런 일이 일어나는지 아는 사람이 있나요? 어떤 도움이라도 대단히 감사하겠습니다. 이것은 내 HTML 코드와 CSS입니다: .navbar-mobile.dropdown>

P粉986860950 2023-08-31 23:37:47

HTML5 탐색 모음 로고가 오른쪽으로 이동합니다. 초보자는 질문하세요!

<!doctype html><html><head><meta charset="utf-8"><title>首页</title><style>*{ margin:0; 패딩:0; 목록 스타일:없음;}img{ 테두리:0;}.header{ 너비:100%

古今公子? 2021-08-04 14:21:41

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12

javascript - js의 현재 페이지 상단에 있는 dom 요소를 가져오는 방법입니다.

주로 Baidu Encyclopedia의 오른쪽 탐색 모음과 유사한 효과를 얻고 싶습니다. 페이지가 스크롤됨에 따라 오른쪽의 탐색 표시줄도 변경됩니다. 감사해요. http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38

고정된 navbar 코드가 좋지 않아 링크가 끊어지는 문제가 발생했습니다. 이유를 모르겠습니다.

이 문제를 어떻게 설명해야 할지 잘 모르겠지만 본질적으로 고정된 navbar가 스크롤되지 않지만 하이퍼링크가 작동하거나 navbar가 스크롤되지만 하이퍼링크가 작동하지 않습니다. 이 루프는 HTML과 CSS에서 수정하려고 할 때 계속 발생합니다. 이에 대해 도움을 주시면 정말 감사하겠습니다. 탐색 모음의 HTML은 다음과 같습니다. <body><navclass="navbarnavbar-expand-lgfixed-topnavbarScroll"><di

P粉004287665 2024-04-04 09:09:20

vue.js에서 부트스트랩 탐색 모음을 사용하는 방법은 무엇입니까?

일반적인 HTML에서는 설명서대로 잘 동작하는데, 제 vue 프로젝트에서는 제대로 동작하지 않는데요. popper.js를 import하지 않아서 그런 걸까요? html로 내보내는 것 같지 않고 어디서 가져와야 할지 모르겠습니다. 정확하게 말하면 일반 내비게이션 바는 작동하지만 작은 화면(모바일 기기)에서 작동하는 외부 콘텐츠 메뉴는 작동하지 않습니다. 도와주세요 main.jsimport{createApp}from'vue'importAppfrom'./App.vue'importro

P粉459578805 2024-03-31 20:16:22

모바일 메뉴 중단점 변경 - WordPress Twenty Two Three Theme

WordPress 탐색 블록 - Twenty Two Three 테마 햄버거 버튼이 모바일 장치에 나타나고 전체 메뉴가 더 넓은 화면에 나타나도록 CSS 미디어 쿼리 중단점을 변경하는 방법은 무엇입니까? 햄버거 최소화 메뉴 Dashboard->Appearance->Editor는 다음 위치에서 열 수 있습니다.

P粉085689707 2024-03-26 10:28:04

고정 탐색 모음보다 한 수준 위의 절대 div

내 navbar에 문제가 있어서 고정 navbar를 만들었지만 사이트 하단으로 스크롤하면 내 div 중 하나가 그 위에 있습니다. 내비게이션 바가 사이트의 다른 모든 콘텐츠 위에 표시되기를 원합니다. 왜 그런지 이해가 안 돼요. 도와주실 수 있나요? 이것도 고칠 수 있나요? 이것은 내 코드입니다: HTML<body><header><divclass="navbar"><divclass="navbar-gauche&quot

P粉635509719 2024-02-21 22:06:56

React Native에서 스와이프하여 연락처 화면 열기

하단 내비게이션을 사용하고 있는데 다이얼 화면에서 스와이프하여 연락처 화면으로 이동할 때 휴대폰의 연락처 화면을 바로 열고 싶습니다. 아래에서는 ContactComponent 파일과 BottomNavigation 파일의 코드를 공유했습니다. 저는 ReactNative를 처음 접합니다. 도와주세요. 미리 감사드립니다. ContactComponent.jsconstContactComponents=({navigation})=>{useEffect(()=

P粉545218185 2024-03-29 19:46:00

내 웹사이트 코드가 문서에서 열면 작동하는데도 Google Chrome에서 실행되지 않습니다.

웹 호스팅 서비스에 모든 변경 사항을 업로드하고 Google Chrome에서 내 웹사이트(https://cecilia-fornes.tech/accueil.html)와 헤더 및 탐색 표시줄(열면 햄버거 메뉴로 변환됨) 모바일 장치를 확인했습니다. 예상대로 작동하지 않습니다. 모바일 장치에서는 숨겨진 메뉴가 있고 대형 화면에서는 보이는 메뉴가 있는 페이지 상단의 블록에 위치할 것으로 예상됩니다. 그런데 메뉴가 2개나 뜨는데 이유를 모르겠습니다. 그리고 내 컴퓨터의 폴더에서 페이지를 열려고 하면

P粉451614834 2024-02-25 23:13:24

Nuxt-link는 Bootstrap-vue를 사용하여 페이지 문제를 새로 고칩니다.

탐색을 위한 사용자 지정 호버 드롭다운 메뉴를 만들기 위해 nuxt와 bootstrap을 사용하고 있습니다. 내가 겪고 있는 문제는 내 탐색 하위 메뉴 NuxtLinks가 Nuxt 블록 내의 애플리케이션 콘텐츠를 원활하게 변경하는 대신 전체 페이지를 새로 고치는 것입니다. 탐색 모음은 default.vue 레이아웃에서 동적으로 생성되며 콘텐츠를 래핑하는 NuxtLink와 함께 b-dropdown-hover 구성 요소를 사용합니다. 페이지가 이러한 링크/앵커에 대해 완전히 새로 고쳐지는데 내 b-navbar-브랜드 이미지가 원활하게 ...

P粉512729862 2023-12-07 08:58:02

모바일 가로 보기에서 탐색 모음 콘텐츠가 오른쪽으로 넘치던 문제가 해결되었습니다.

PC의 내비게이션 바를 완성하고 가로 및 세로 보기를 위해 코드를 iPhone에 공유했습니다. 가로 방향에서는 탐색 모음이 오른쪽으로 넘칩니다. 비차단 목적 보기에 env(safe-area-inset) 값을 추가했지만 오른쪽에서 오버플로됩니다. 문제를 찾을 수 없는 것 같습니다. iPhone(11ProMax)의 가로 왼쪽 간격은 안전 영역 env()이지만 오른쪽 안전 영역 간격은 탐색 모음으로 인해 오버플로됩니다. 코드는 다음과 같습니다. @importurl("https://fonts.googleapis.

P粉268284930 2023-09-06 09:24:34