Smooth Scrolling Article, Anchors, and Static Navigation

Hi!
Quick question on a smooth scrolling article:
Let's say I have a very wide article, roughly 30,000 pixels wide with lots of photos, info, etc.. Would it be possible to have a "floating" navigation on top of this wide article?
Something sort of like this: http://i.gyazo.com/a3e5266bb08fcc7625710ff0bb0c86fa.png
The article would of course continue via the smooth scroll style.. but those square buttons below: I know I could link them to smooth scroll to a certain % of the page, but what if I want them to be available down there regardless if I keep scrolling right? In a sense, a "fixed" navigation for the page.
Thank you.

I see. Hmm.. I bet one solution that would answer both the smooth scrolling, the navigation, and the memory problem would be:
What if I have say 20 pages, that are horizontal format. Each one has the timeline at the bottom which links to the corresponding page, such as a month (Jan) for page 1.
The client basically wants a long, seamless sequence of events in a timeline style where when you swipe left or right, they feel connected but have their own images, info, etc., but the background would be seamless. They want a way to navigate between each event via a timeline at the bottom.

Similar Messages

Preview on iPad through Folio Overlays window of smooth scrolling article.

Preview on iPad through Folio Overlays window of smooth scrolling article (ex. 1024 x 2000 px) is not working anymore. Article is scaled and turned in vertical orientation. No problem with Folio Builder.

Thanks for reporting this, I'll pass it on to our test team for investigation and they'll log a bug against a future release if we can reproduce it.
Neil

Smooth Scrolling made clear and easy

A new folio appeared in Bob Bringhurst's jewel app "DPS Tips", discussing all kinds of special content and interaction. In the Smooth Scrolling section it states that you cannot create Smooth Scrolling articles simply by "Adding" an article. This should be achieved by "Importing" Articles. And it specifically states that you can't create horizontally scrolling articles. This baffles me ! I know it can be a bit tricky, but when explained and understood carefully, there's no problem in using the "Add" button or even to create a horizontally scrolling article on the fly.
The tricky part is, how the InDesign file (an article's half) is 'born'. To be able to use the "Add" button to create a properly scrolling article, you must check that the Document Setup upon making a new file (or even later on) is set to the proper single-page size (in a 3:4 dimension) and with the desired orientation (landscape or portrait), before you hit the "Add" button. Because this is where the Folio Builder gets its information from about the dimension and orientation. Afterwards, you set the page's length with the Page Selection tool – but take care: ONLY the length ! DO NOT use the width or orientation properties with this tool, nor use the Height setting in the Document Setup, although these seem very obvious for this task. You can even correct a page afterwards, and get the "adding" right (and lengthen it properly) if it has been malformed and unaccepted by the Folio Builder before.
So, to conclude: start a scrolling page with a single page, normal size (1024x768), landscape or portrait, add it to the Folio, and then lengthen the page with the Page tool's Height setting. Don't forget to set the Smooth Scrolling option accordingly among the Article's properties in the Folio Builder panel. No big deal !

That's indeed the culprit: when you have already set the elongated landscape page upon New Document. But it's still easy to correct that afterwards: switch it back to 768 in Document Settings (the cropped content becomes invisible but remains in place), aAdd the layout (it will become the landscape version), and stretch the page to the desired length with the Page tool's Height property.
Both methods can be difficult, depending on the way you prefer to work. Visual designers who already find it hard to keep track of a Package folder will shiver upon seeing the rigid hierarchy of a Folio folder; technical users won't mind preparing a folder stucture like that. Using ADPS requires many more unlogical steps than just this, like updating a design (not at folio or layout level, but only the whole Article) or discovering that one missing or extraneous orientation prevents the folio to be previewed.
So either way it is fishy...
But I'm glad that this aspect will be tackled by an update, soon !

Smooth scrolling articles viewed on the Content Viewer going out of shape

When a smooth scrolling article is shared and viewed on the Content Viewer the last section of the article is often doubled in size. It looks peculiar and it becomes impossible to read. Are you aware of the situation? Is there a solution to this?

Hi Neil! Thank you very much for replying so quickly. I am not sure what the acronym ACV means. The display of the smooth scrolling articles on the iPad is perfect. It goes weird only in the Content Viewer. I checked the smooth scrolling articles made accross all the brands own by Rogers and I certify that the problem happens with all the smooth scrolling articles.
Underneath, a few links that prove it:
Châtelaine avril 2014: Sommaire cliquable
Châtelaine avril 2014: Rédaction
Today's Parent July 2014: Contents
Today's Parent July 2014: Recipe and craft index
Maclean's July 14, 2014: Table of Contents
Maclean's July 14, 2014: How to navigate
LOULOU Summer 2014: HIT LIST
LOULOU Summer 2014: IT GIRL
Thank you for your help! Really appreciated!!
Fred

Can you hyperlink to a section of a smooth scrolling article?

I have a folio that uses smooth scrolling instead of page scrolling. The page is really long so I want to create a jump to menu that will jump down the page to the desired section. I thought that creating a text anchor destination would work, but after trying different ways I've found that it doesn't.
Is there a way to navigate a smooth scrolling article?

Did you download DPS Tips from the App Store? Here's a link to the specific article:
http://contentviewer.adobe.com/s/DPS%20Tips/7f80a0ffed3a4ff08734bc905aac4a29/Advanced_Over lays/24_scroll_links.html

Adobe Muse - Smooth Scrolling to Anchors Using Mouse Scroll

I am wondering if there is a way to set up smooth scrolling to anchors with the mouse scroll in adobe muse. I can do it using links, but it would be great if the user could just start scrolling and it smoothly jumps to the next section. This looks great and would solve the issues created by variant mouse wheel speeds. Any help would be great, thanks!
Here is an example: Layers

There is a widget that does this quite well. I posted it earlier, but it mist have had a mistake... or someone deleted it? Oh well, if it disappears I wont repost it haha.
https://creative.adobe.com/addons/products/3144#.VCCyYvldWOY

Smooth Scrolling articles longer than 2000px?

I have an article I'd like to use smooth scrolling on and I'm familiar with the 2000 pixel limitation mentioned on the adobe forums. But I'm seeing lots of smooth scrolling articles in various DPS magazines with lengths much longer than 2000px..
What allows you to go longer than 2000 pixels?
-Bob

There is no 2000px limitation. That was an old guideline for scrollable frames.
Bob

Smooth scrolling articles

Hello,
I was testing the smooth scrolling articles, but I realised it only works with a single-page.
Is there any option in order to create a file which has the same performance for multiple pages?
Thanks very much!
Alessandra.

I f what your asking is what I think it is...no. Smooth scrolling makes single page articles only.

How do I add a fixed object on a smooth scrolling article?

I'm looking to create a smooth scrolling article, but I want to have a button stationery at the top of the screen. The content of the rest of the article will scroll behind it.
Is this possible?

Place the button on the next article (on the right side of the article where you want your button).
Move the button to the left, beside the page (imagine the article where it should be on the left of it).
Group it with a blank rectangle that's on the page.
Place your button on every page of the second article, otherwise you see it only when that article is on the firts page (place it on the masterpage). That article must be a fixed scrolling article.
This works perfect.

One Page Scrolling Site with anchors and a navigation bar with submenus

Hi,
I create a one page scrolling site with some anchors.
Now I want to have a navigation bar with submenus, i.g. one navigation leads to "projects", but within projects I need 6 submenus for every project.
How can I realize this in muse?
Thanks,
Michael

Create a Manual menu and link to the anchors.
Widgets Library/Menus/Horizontal
In the Options pull out screen: Menu Type: Manual
Mark each menu box you create and link to the specific anchor.
Refer to this section of a site I created that mimics what you want done:
PS-AD-15

Smooth Scrolling : folio size VS article size

Hi
I'd like to create a smooth scrolling article just like in DPS TIPS "Effects" by Bob Bringhurst.
I follow the steps from the article but it does not work.
What I want to to is to have a 1024*768 (horizontal only) folio that includes articles that may be longer than 768 height (let's say 1024*2000).
If I create a 1024*768 FOLIO and import articles that are 1024*2000
i cannot upload because it says :
Error generating content.
[Error: The proportions of the page size must match the folio.]
If I create a 1024*2000 (example) FOLIO and then import articles that are exactly 1024*2000
- it works (well I can upload) but i can only import articles that have the exact dimensions of the folio, the DPS TIPS says "you can mix and match Smooth Scrolling and non sooth scrolling articles in a folio".
And then the problem is I never ever see the folio on my Content Viewer on the iPad then.
I can only see it it the Folio Producer.
There's a point that says "You cannot create horizontal smooth scrolling article, the workaround is to create scrollable frames, which can now include interactive overlays"
What bugs me is that in the example we can see an Horizontal Smooth Scrolling (1024*2000 just like in my examples and tests)
If the only workaround is to cretae scrollables frames, I'll do so but maybe I just missed something ?

yes it has/had.
i closed eveything, did everything again and now it works, maybe it was just a bug or i missed something, everything's fine for now thanx !

Smooth scrolling + alternate layout

Hi..
Im tryin to make a smooth scrolling article, for both horizontal and vertical use.
After creating the horizontal page, I try to do the vertical via 'Create Alternate Layout', and change the dimensions.
So far so good. The problem is, that the vertical page upscales the content – while the horizontal looks fine – when previewing the article..
If I do it the other way around (starting with the vertical page), the horizontal page downscales the content..
Doeas anyone know what could be the problem?
Thanks in advance!

And make sure the article is set to Smooth Scrolling in both directions.

Stage overflow settings for scroll to anchor

Hi,
I'm trying to do "scroll to anchor" functionality like the one here: Edit fiddle - JSFiddle
My code only works if the Stage's overflow is set to hidden.
var anchorId = sym.$('#feature02');
$('html, body').animate({scrollTop: anchorId.offset().top}, 500);
I'm pulling in content from a json file (generated by a content management system), though, so I don't know how long the resultant page will be. Also, it looks like the max Stage height setting is 10000, which is too short.
So, overflow set to auto lets me see all of my content but kills my "scroll to anchor" functionality. Also, an overflow set to auto causes a nasty double scroll bar on the windows side.
Any thoughts?
Thanks
-Sherry

Hi Heathrowe,
Thanks for your reply. Visible seems to both work for "scrolling to anchor" and fixing the nasty double scroll bar. Thanks so much.
Regarding #feature02: I'm pulling in the data via a json file, then wrapping an anchor tag around the id:
output += '<a id="feature0' + val.id + '" name="feature0' + val.id + '"> </a>';
I'm then referring to it from the button with this:
var anchorId = sym.$('#feature02');
Which follows the "Work with elements directly" section of the JSAPI:
"Accessing imported HTML content through actions can be done by using sym.$("#myId"); to target the ID or class of your element."
Thanks again. I'm embarking on a major Edge Animate / Kentico CMS project, so I can use all of the help that I can get.
-Sherry

Smooth scrolling page - slideshows not working. Please help!

Hi, I've created a smooth scrolling page with 3 slideshows positioned as you moove down the page. They appear to be working when previewed but not once uploaded. Does anyone know why?
Thanks

Hi Bob, hi Ross,
I've monitored the same problem. When a slide/MSO in a smooth scrolling article goes over the fold, it'll not play automaticly neither manual by tap.
It has nothing to do with selected running single or multiple times. Seems like the same problem with MSO's go in document bleed.
Seen on DPS v28 on iOS, but also on earlier versions.
Kind regards,
Tobias

Smooth scrolling long articles still snaps on iPad retina and mini

I have some long articles (between 6000px and 9000px). On the iPad 1 the smooth scroll works fine, but on the iPad retina and mini the articles are snapping to undefined points in the article. Now the articles are impossible to read on the iPad retina and mini. Using PFD or JPG in the article properties doesn’t matter.
Anyone knows why this works on iPad 01 and doesn’t work in the retina and mini version? THX
Bests, Puck

Hi Bob,
Thank you for replying.
I just need one image in each state though -- that is shown anytime a user clicks on a button, so how would I limit the functionality of an image sequence to just show one photo while creating an MSO with a button? Would that mean creating a folder per image with one 01.jpg image in it and then making these 3 placeholders into an MSO? It seems to me that an image sequence is not providing the functionality I want and this is some sort of a hack unless I am misunderstanding its function.
Sounds like a lot of redudant work instead of having a simpler way to show an MSO with high-res photos on an iPad 3/4 and smaller images on iPad 1/2 and Mini.
Thanks,
Alon

Smooth Scrolling Article, Anchors, and Static Navigation

Similar Messages

Maybe you are looking for