Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Multiple pages within one "box"?

Featured Replies

Hi all,

 

Not too great on explaining this issue but hopefully someone will understand!

 

Basically, I'm designing a really simple site, basically consisting of a box with navigation and logo at the top, then a left sidebar and main contents.

 

As the box would be fixed size (say 800px high) it obviously can't expand if more content is added. As I intend to add a gallery (using lightbox), I'm going to need to find a way where I can put thumbnails on, and then somehow have a second, third page with more thumbnails on.

 

What would be the best way to do this? Ideally I wanted something such as clicking a left arrow within the div, and it loading the next page (without having to reload the whole site)... is this possible?

 

I've also seen examples where the div would scroll using the main scrollbar... but everything else remains exactly the same - I don't really like this idea though as it is a bit confusing and doesn't look too great.

 

So, any ideas on how to achieve this?

 

Thanks!

  • Author

Hi,

 

Well that would be one solution, but my problem is really how to create such a thing that it is possible to navigate through several pages, within one div? (So the rest of the site doesn't load every time).

 

If that is even possible!

I think iframes could be a simple soution for this (if i've understood it corectly)

But it'll mess up search results, because it's separate pages within pages.

  • Author

Have a look here at scrollable

 

Ah! That looks excellent!

 

Looks to be a good solution to my problem, I'll check it out properly when I get home from work. Thanks!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.