Adobe InDesign - content overlay Web - prevent the spread of events Scroll

I have an InDesign magazine that contains a Web Content Overlay (pointing to a responsive website). Everything works fine apart from when it comes to scrolling.

I run the magazine from an iPad via Adobe Viewer. Is not only the scrolling vertical (up and down) is necessary, horizontal.

Problem

When user left or right moves, changing page of the magazine and web content firm.

Question

Is it possible that I can stop the scroll events from spreading until the magazine of the overlay of web content? Preferably, it would happen on the web content itself (for example using JavaScript) as it would mean only, I need to change in one place, rather than on each page, the web content.

Attempted

Captures the touchmove on the body of the page and calling stopPropagation() on that event.

Call preventDefault() on the event (this prevents any scrolling at all).

With the help of pageX touchmove events and call preventDefault() all those who seem to be horizontal scans (too unreliable).

With the help of CSS overflow-x: hidden

jQuery scroll personalized Mobile events.

A little addition to combinations of the above.

Found a solution. First, insert a ' ' tag 'window' in the head:

Note that I've set a static width of '701', it's important. Width of the overlay of web content is "700px". Set a width of "701" means that the page can move very slightly. This agitation means that the left/right scan is taken and not percolated to InDesign. There is a slight delay (of a pixel) if they drag, but it's minor compared to the new page.

Then add the following in your page CSS:

. Happy {}

-webkit-too-full-scrolling: touch

}

You should not have this CSS, but it was necessary for us.

Tags: InDesign

Similar Questions

  • Could not load because it requires version 10.1 or later of documents.indesignplugin Dynamics plugin adobe indesign cc 2014. Contact the vendor for a compatible version of documents.indesignplugin dynamic

    Could not load because it requires version 10.1 or later of documents.indesignplugin Dynamics plugin adobe indesign cc 2014. Contact the vendor for a compatible version of documents.indesignplugin dynamic

    I had local IT install the software, I'm not aware that any problem came during installation. The error came when trying to install the updates from the cloud of Creative. I reinstalled InDesign and I think that the problem has been resolved. I'm on a Mac with OS X v10.9.5

  • Content overlay Web in InDesign CS6

    I am trying to display an html file with the content of the Web, Overlay in InDesign CS6. When previewing the file with the content viewer, a large part of the html/css integration displays incorrectly (i.e. elements shifted block, check do not show hacks, border radius unsupported, etc...). The site is far from being semantically correct, but dispays perfect in all modern browsers. Is this just a limitation of the content viewer?

    Transferred to DPS forum.

    I strongly suggest to test ONLY on the iPad for HTML content.

    Bob

  • Up-to-date reliable content overlays Web

    Hello

    whenever I'm creating Web content overlays in Folios, I run into the problem, they don't update on servers of DPS. So if I change, say that the CSS of the Web-embedded content, save the. CSS, an InDesign file and update the Article via FolioBuilder sometimes the content remains the same when I update via the Adobe Viewer on iPad.

    Now, my solution: create another HTML file in a different folder and point to this new folder/file to overlay the Web content. But it of really ugly and keeps me develop more quickly.

    Any idea?

    If you test on iOS it is unfortunately a bug in iOS, not a bug of DPS. The operating system is cached files even after that put us them to day and supply of content cached in the overlay of web

    Neil

  • Adobe Indesign CS3 will work with the Apple 10.10.5 system (Yosemite)?

    Adobe Indesign CS3 is compatible with Mac OS X on a Macbook Air 10.10.5?

    Adobe CS3 compatibility with Yosemite

    https://helpx.Adobe.com/x-productkb/global/Mac-OS-Mavericks-compatability.html

  • Mobile IconItemRenderer - prevent the spread of the events

    Hello

    I don't want anything to be taken when an item is clicked or touched in a mobile itemRenderer that extends from IconItemRenderer.

    The drawBackground method override Isteand and do not to listen to the event of change, is anyway to do it faster, as preventing the propagation of the event?

    Thank you.

    You should be able to set mouseEnabled/mouseChildren false on the rendering engine, or call preventDefault() on the mouseDown event.

  • InDesign crashes when you forward an article with content Overlay Web - have checked the forums

    I do a folio for my design portfolio in InDesign CC

    I currently have a downloaded article, when I try to add my next article InDesign crashes.

    I previously downloaded the article without the overlay of unique web content, and it downloads very well.

    The status bar is stuck at the end "folio of construction...". Treatment of overlays... »

    The content is a simple web form and is only on page 6/6 - do not know why it freezes by adding a small page on the end.

    Today, it worked. Has not changed anything good! So don't know what it means?

  • Content overlay Web: that blasted wheel

    Ok

    I need a referral.

    I put animations made with Adobe Edge and they look good, however, onload, you see a spinning wheel until the content will load in. I want to disable this spinning wheel.

    How can I do this?

    How the Wired magazine? How have rich content visusally without the wheel jump?

    Any help gratefully received!

    Billy.

    Except maybe workaround mentioned above there is no way to disable loading on iOS wheel.

    Neil

  • Adobe InDesign - cannot add pages - generates the error.

    Whenever I try to add new pages to the catalog I design, it gives me an error message saying 'operation requested would result in one or more objects to be too small. Please check the weight of the race weather is too great. "

    Now that the error is explicit, except that I'm not trying to resize any text or anything, I'm wanting to add pages, it won't let me add additional pages anywhere on the document. I tried copying, deleting and paste that all items of illustrator back in the document as well as the program and my laptop several reboots.

    Please can someone help I really don't know what the heck is bad and I have a date for the end of December

    Claire

    Your title says Illustrator, but since that has no pages, and you're in the InDesign forum I will assume this is a mistake.

    First thing to try: eliminate corruption of minor exporting

    Is it a document "recycled", created in an earlier version of ID, or edited from a previous version of the catalog by using Save as to create a new file?

  • I created a PDF editable using Adobe Indesign. When I open the PDF file in Adobe Acrobat Pro ms, is there a way to specify a font style? Or is it possible in InDesign to make sure that when someone types in this text field is a certain font?

    I need to make sure that the entered text is a certain font to keep continuity with the rest of the document. Thank you!

    To make form editing mode, select 'Prepare form' in the right pane. You will then get a toolbar at the top which contains various tools that focus on the form. The first thing to do is to add a temporary button. You will use this to determine the name of the font to use with the script but also to place the script that will change the properties of the font of text fields. Thus, create a button anywhere and double-click on it to bring up the field properties dialog in the Actions tab, add a JavaScript action to the mouse event to the top which is:

    // Mouse Up script for temporary button
    app.alert(event.target.textFont);
    

    On the appearance tab, select the font you want to use for the text fields. Once you have done this, close the form editing mode and click the button. It displays a popup that lists the name of the font. This may be different from the name that appears in the drop-down list on the appearance tab, so write down it. For example, when I chose "Minion Pro" in the menu dropdown, popup showed "MinionPro-Regular.

    The next step is to replace this script of mouse upwards by the following text:

    // Mouse Up script for temporary button
    
    // Change the font and font size for all text field in this document
    for (var i = 0; i < numFields; i++) {
    
        var f = getField(getNthFieldName(i));
    
        if (f.type === "text") {
            f.textFont = "MinionPro-Regular";
            f.textSize = 9;
        }
    
    }
    

    Replace "MinionPro-Regular" by the name of the font that you wrote before, and set the font size to whatever you want. Use 0 to specify a font size of 'Auto '.

    This script will change the font of all the text fields to whatever you specify. When you have verified that text fields are implemented as you want, you can go ahead and delete or hide the button. If you think you'll do a lot of forms of work, you can create customized in Acrobat tools to speed up this process, but this should help you get started. InDesign does not allow you to specify a large number of field and action properties, so you must work this way, and using scripts to automate is an accessible way to significantly speed up the process and avoid mistakes.

  • content overlay Web - content to fit scale does not work on Android

    Hello

    I have a HTML plus that works very well on an Android DPS (10 inch Tablet) application, but I would like to reuse the assets for the smallest Android devices and was just testing to see if the scaling, it would still create en user experience. The problem is that it shows just the corner cropped assets without any scale whatsoever.

    I was just wondering if there is a known issue or I do something wrong?

    It's probably something in you that force a size to HTML HTML content. Even if we try to put on the scale, if the content itself defines a fixed size, it won't scale.

    Neil

  • Digital Publishing Suite help | Web content overlays

    This question has been posted in response to the following article: http://helpx.Adobe.com/Digital-Publishing-Suite/help/Web-content-overlays.html

    The features in the Panel inlays Folio work only in folios DPS, not in interactive PDF files.

  • 12 '' Macbook vs Adobe Indesign + Photoshop

    Hello! I am planning to buy a Macbook 2015 12 ". But. There is no information on the internet, how the Adobe Indesign and Photoshop are on the computer.

    I have 100-200 megabytes layered photoshop and indesign files paged 100-200.

    Can someone give me a link with detailed information?

    TY


    Kolos

    Hey koloss42650823,

    You can check the system requirements in this KB doc. https://helpx.Adobe.com/creative-cloud/system-requirements.html

    Kind regards

    Nicos

  • Adobe Indesign CS5.5 Disc - Installer failed to initialize

    I tried in vain to install my Adobe Indesign cs5.5 drive for the first time in my Dell Latitude E6400 laptop computer (Windows vista, intel core2 /duo - I meet all the system requirements). I get the message "Setup cannot initialize. Please contact Adobe support. »

    I followed the suggestions of using indesign cs5 from adobe.com and executed the Adobe Cs5 cleaner tool. This did not help. I also disabled my anti-virus to be sure.

    Should I rather download the program from the internet and then enter my serial code? It's my only option? Could you please give me some other suggestions.  Your help is greatly appreciated.

    David

    As you suggest initially, download the trial of the Adobe.com site. The Setup is the same, and you will be able to enter your serial number, either during installation or in the Help menu after. This will confirm if the problem is your disk or other system soemthing. If it is the drive, call the service and they will send you a new.

  • you attempt to add a web form of Business Catalyst to my site Web of Adobe Muse (via insert html) and the shape is cut all the content below where to place the html area.

    You attempt to add a web form of Business Catalyst to my site Web of Adobe Muse (via insert html) and the shape is cut all the content below where to place the html area. I tried the basic troubleshooting and it's only when I insert a form of Catalyst Business that my web page is cut, where is the bottom of the form. I use this code when you insert form BC in Muse,

    "< div class ="bulletin of information-form"> < form name ="catemaillistform58787"onsubmit ="return checkWholeForm58787 (this)"method ="post"action =" http://theincitejournal.BusinessCatalyst.com/CampaignProcess.aspx?ListId=53681& OPTIN = true & PageID = / index.html"> < div class ="form"> < div class ="item"> < label for ="CLFullName"> full name < / label > < br / > < input class ="cat_textbox_small"type ="text"name ="Full name"id ="CLFullName"maxlength ="255"/ > < / div > < div class ="item"> < label for ="CLEmailAddress"> E-mail address < / label > < br / > < input class ="cat_textbox_small"type ="text"name ="EmailAddress"id = '" "CLEmailAddress" MaxLength = "255" / > < / div > < div class = "item" > < label > Enter Word verification in box below < / label > < br / > {module_captchav2} < / div > < div class = "item" > < input class = "cat_button" type = "submit" value = "subscribe" id = "catlistbutton" / > < / div > < / div > < script type = "text/javascript" src = "http://theincitejournal.businesscatalyst.com/CatalystScripts/ValidationFunctions.js" > < / script > < script type = "text/javascript" > '

    The only settings I did took the H3 header on opt-in and page navigation after the action to get rid of the opt in BC function as default. I tried to download the source code as well and I'm having the same problem. The web Page is here " copy " and a version of what I was creating the page to look like here is ' home ' As you can see, the 'House' version allows me to scroll past where I would have placed the shape box while the 'copy' stops at any user to parade before. I have called the shape slightly from the "development" of British Colombia under the style sheets tab and still tried to trouble shoot and get rid of the code to see if it affects something and it did not add style. For some reason only the HTML to the form is but I cannot understand what the section of the code would do that. Any ideas?

    I see that you have inserted a script tag open that you forgot to close, which generates errors on the page and prevent it from be returned correctly. You should ensure that the code that you insert in the Muse is syntactically correct.

    - Abhishek Maurya

Maybe you are looking for

  • flights climbed

    I have the new iphone's and flights is mounted do not seem to work, is it supported on this phone? Thank you.

  • Re: Satellite L300 will not start in the BIOS

    Hello I have a problem with my laptop.I have windows Vista installed. I try to boot a Linux Live-CD, but after I pressed the power button, I see the logo Toshiba Leading Innovation.When I press F2 or F12, nothing happens the computer laptop stops boo

  • Bluetooth drivers

    HP-15 r004ne المحمول ويندوز 8.1 لغة واحدة... أريد سائق بلوتوث... سقط السائق مرة واحدة وأنا أسألك لسائق قبل، وأنا الوقت وأريد هذا وأشكر لك والتقدير بعض

  • C4780 is not printing

    My photosmart C4780 works very well with windows laptop 8 and Wi - Fi. Now, he did not finish the print action. No error message is given, the printer recognizes there are documents pending and says "printing" but with no output.  scan/copy works wel

  • Dell latitude (redirect)

    Hello have a problem, I have a dell latitude d600 laptop notebook windows xp prpfessional received from a friend bought a cd says ststem of exploitation and received another told well driversand application I've reformatted the drive but won't end sa