Create custom buttons for slide navigation in Swiper using Vue.js

I need to remove the default navigation (nextEl, prevEl) and make the button with the text "next slide button" scroll to the next slide <swiperclass="news-slider":sliderd-per-view="1" :modules="[Navigation,Pagination,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51 0  1  727

How to modify some details of Vimwiki2HTML in vim plug-in vimwiki

vimwiki's default Vimwiki2HTML command will convert %toc to the directory of the current wiki entry, but will convert the secondary directory id to toc_1.1 (the id contains a dot), and in order to use bootstrap-scrollspy to implement scroll detection (reference : How to implement web page scroll det...

世界只因有你 2017-05-16 16:42:17 0  1  749

Background images cannot be displayed on iPad.

I placed a background image below the navigation bar, and as you scroll down, the navigation bar moves down with you. But when I view it on my iPad, I see that the background image appears a dark blue that's close to black. background__image {width: 100%; background-image: url("https://backgrou...

P粉879517403 2023-07-25 11:58:00 0  1  707

Try adding a background image in the html and css behind the navigation bar so that the space does not show up when scrolling

I don't know how to make the background image in html and css fill below the navbar and footer. When I scroll the navigation bar the space is just a blank space, I want it to scroll without space at the top and bottom. Thanks! *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-co...

P粉118698740 2023-09-10 09:12:07 0  2  562

Preserving scrolling during page navigation is always an undesirable feature.

I have a standard laravel + inertia + vue3 setup using breeze, and as the Inertia documentation says, navigation between pages should mimic browser default behavior, resetting scroll to top when the page loads. But in my case that's not how it works. I don't have preserveScroll:true in my link but t...

P粉166675898 2024-01-02 16:00:21 0  2  569

CSS issue: Horizontal scrolling (overflow-x:scroll) doesn't work

I have 3 "pages" and want to scroll them horizontally. I have successfully created a horizontal scrollbar, but when I scroll up/down with the mouse wheel nothing happens. This is what my container looks like: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scro...

P粉295616170 2024-03-29 16:06:18 0  1  464

window.pageYOffset gets wrong value on iPad

I have a title float that disappears when you scroll down the page. Works fine, just not on my iPad. When I scroll up the page, the navigation menu appears as expected, but as soon as I let go of the page, it disappears again. It also appears when the page reaches the bottom <!doctypehtml><...

P粉022285768 2024-03-21 23:52:08 0  1  325

javascript - fixed positioning problem on ios. The button positioned at the bottom is not displayed, but it can be clicked. It can be displayed after changing the class name, but the set font size is invalid.

This is because when the class name is wrap, the navigation at the bottom of the homepage cannot be displayed, but you can click on it. This is for other pages. This is after changing the class name, but it can be displayed, but the set font size is invalid. Does anyone know about it? ,Thank you

伊谢尔伦 2017-06-28 09:27:18 0  1  943

How to pass data to template page in laravel

Part of the code of the front-end template layout.blade.php page: {code...} The rest of the pages inherit this page. How to pass the message data in nav from the background? Is it passed once in the controller of each content page? This seems very troublesome; another question is, how to use AppServ...

为情所困 2017-05-16 16:51:29 0  2  469

javascript - Multiple pages share the same navigation. How can this shared navigation be introduced to avoid duplication?

A very common scenario was introduced using PHP's include in the past. What methods can be used at the front end to do this? The libraries currently introduced include jQuery and Webpack. The ones that come to mind are: Send an Ajax request and put the requested page into the container: {code...} Ma...

PHPz 2017-05-19 10:37:36 0  2  871

javascript - How to rewrite mui.back() to return to the specified ID page?

My homepage has four pages. It is actually one page with four IDs. The nav at the bottom shows which ID corresponds to the page. If I click the return button on the fourth ID page, the .mui-action-back control is executed, but there is no response. What should I do, also click on .mui-action-b...

怪我咯 2017-06-26 10:52:39 0  1  1167

CSS row class makes some elements go out of frame, while they should be static and fixed to the bottom of the display

My page currently looks like this. After adding the row class so that the two elements are next to each other, the bottom navigation bar is pushed down to where I have to scroll. Here you can see another page without row elements, where the navigation links are perfectly stuck at the bottom of the d...

P粉156415696 2024-04-03 18:48:12 0  1  431

Prevent scrollIntoView() from scrolling the container to the top of the page

I'm trying to build a simple "mainly css" image carousel that uses scroll snapping but also has navigation buttons to control the currently viewed slide. The only solution I've found is to use scrollIntoView() on the target element, which does what I want, but it also always scrolls the ta...

P粉690200856 2024-03-26 20:25:28 0  1  479

Fixed navbar code not so good, it caused issues with broken links, I don't know why

I'm not really sure how to explain this problem, but essentially, my fixed navbar either doesn't scroll but the hyperlinks work, or the navbar scrolls but the hyperlinks don't work. This loop keeps happening when I try to fix it in html and css. I'd really appreciate some help on this. This is the h...

P粉004287665 2024-04-04 09:09:20 0  1  484

Absolute div one level above fixed navigation bar

I have a problem with my navbar, I made a fixed navbar but when I scroll to the bottom of the site one of my divs is above it. I want the navigation bar to be on top of all other content on the site. I don't understand why, can you help me? Can this even be corrected? This is my code: HTML<body&g...

P粉635509719 2024-02-21 22:06:56 0  1  407

Leverage VueJS components in PHP

I want to mix basic HTML generated by Php and VueJS components without having to use VueJS all the way down to the lowest dom leaf. The parent layout has a Vue application applied, all headers, navigation, sidebars, etc. are Vue components, and the main content on most pages is still pure HTML gener...

P粉611456309 2023-11-11 00:01:44 0  2  918

HTML web page pagination in Chrome

I'm trying to paginate after a full page div container. Just like loading an introductory page, if you scroll down you can enter a kind of navigation center. I feel like this might be a chrome issue, but the page break item doesn't work in Edge either. I want page break after closing tab in <divc...

P粉041881924 2024-04-02 23:26:08 0  1  560

Disable Vue3's next page and previous page functions, which are limited to browsers under the same routing path.

Today I'm facing a problem and I need some advice. I have a routing page structure like this {url}/:id. My goal is to prevent the user from navigating to the previous and next page within the same route, for example from {url}/1 to {url}/2. I'm making API calls to change the data on the page and the...

P粉002572690 2023-09-06 23:53:05 0  2  715