Viewing 30 posts - 1 through 30 (of 106 total)
  • Author
    Posts
  • #1069053

    Hello,
    I would like to create different pages. Sure.
    A “Home” a “product info” for example, and so on.
    Therefore I have now created the individual pages, which I fill with the contents. If I now link from the “Home” to the “product info” the page will also open for me.
    But what I want is that the page transition is an automatic scrolling to the “product info”. A kind of scrolling, as it currently is state of the art.
    Do I have to put all new pages in the “Home” to reach scrolling and link to each site from here?
    Cheers, JS

    #1069376

    Hey Tom,

    Do you have an example on some website so that we can understand better what you what you’re trying to achieve?

    Best regards,
    Victoria

    #1070057

    Hi Victoria,
    thank you for your post!
    At the moment if you click at one of the two crosses at startscreen you jump to it´s linked pages. These pages I created in the page editor (don´t know the correct term).
    But what I want is not jumping/opening to the linked pages – I want that it slides/scrolls/move to the linked pages.
    At the moment I can´t find a example page….
    Cheers, JS

    #1070424

    Here just at the beginning you can recognize what I mean:

    It´s the “Link A/B/C” thing and the move transition to them…
    Cheers, JS

    #1070673

    Hi gestaltraeume,

    Here are some links for you to consider:

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1073294

    Can´t solve the scrolling in my OnePager from “Home” to another position (for example to the place below, pls scroll down from Home) by clicking onto one of my two crosses (at “Home”) for example.
    I know that I have to set an ID of the specific section.
    But I don´t know where to add which code?!
    JS

    #1073768

    Hi gestaltraeume,

    Here is a thread for you to consider
    https://kriesi.at/support/topic/anchor-links-5/

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1073867

    Thanks.
    I do have one specific question. But I can´t find out the one specific answer in this dungel of answers here

    JS

    • This reply was modified 5 years, 8 months ago by JS.
    #1073871

    …and…I don´t want to link from a menu.
    I want to link from a picture or a text or an other element…
    Here is the concept I do need: https://kriesi.at/documentation/enfold/example-of-one-page-dots-menu/
    But I can´t see which code I have to give the buttons to scroll to the defined ID sections…
    JS

    • This reply was modified 5 years, 8 months ago by JS.
    #1074076

    Hi,
    Here is the instructions to the dot menu
    Please click the css toggle to see the css used

    Best regards,
    Mike

    #1074498

    Sorry but I can´t fix the scrolling concept with this links and suggestions. They are too complex and confuses me. Or perhaps I am too stupid.

    Once more a little bit more detailed to fix my problem:
    On the “home” (pls see link below) you can see two crosses. From each of these 2 crosses I want to scroll with a mouseclick to the different 2 sections which you can see if you scroll down with the mouse wheel.
    So I guess I have
    1. To give the 2 sections different id´s in the Section ID.
    2. To give the crosses in it´s Link-Settings a manual Link: And it´s nomenklatur is: http://….???……OR…href…???… OR …???…

    JS

    • This reply was modified 5 years, 8 months ago by JS.
    #1075008

    Thought it could go this way:
    https://www.dropbox.com/s/krg8ptmyrex74fx/id.jpg?dl=0
    But no…
    JS

    #1075318

    Hi,
    No that is not going to work. The type of scrolling you want is in the script for the sub-menu, but I see now that you don’t want to use the sub-menu, you want to use two images linked to an anchor.
    So I recommend using the plugin “Page scroll to id
    I think I can help you with this, please include admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    #1075428
    This reply has been marked as private.
    #1075758

    Hi,
    There is a second text box below that says “Private Content (link to your website, login credentials, FTP credentials, etc – only visible for moderators)
    Please place your url and admin login info there
    2019-03-06-224908
    If you don’t see it try turing off your ad blocker.

    Best regards,
    Mike

    #1075865
    This reply has been marked as private.
    #1076209

    Hi,
    Entschuldigung, der Login funktioniert nicht für mich, bitte überprüfen. Wir können auf Deutsch kommunizieren, aber ich werde Google Translate verwenden. Bitte entschuldigen Sie die Fehler.

    Sorry the login is not working for me, please check.
    We can communicate in German, but I will be using Google Translate, so please pardon any errors.

    Best regards,
    Mike

    #1076250
    This reply has been marked as private.
    #1076395

    Hi,
    Thank you for the login, I was able to get it working for you. For the example I made the left image goes to the section right below the image, and the right image goes to the last section.
    Please remember that you can only have the ID once on the same page, placing the same ID in two sections will break the link.
    So for the link write it like #hometomed
    2019-03-08-071755
    for the target, place the anchor in the “Für Entwickler: Section ID” with no hash tag, like this:
    2019-03-08-071516
    You will need to clear your browser cache, I had to a couple of times brfore it started working.
    Please take a look and test the links I made, then try changing to where you want them to point, please let us know if you need more help.

    Best regards,
    Mike

    #1076406
    This reply has been marked as private.
    #1076522

    Hi,
    Glad we could help, sorry that you were at a standstill, I think we misunderstood what the issue was, but now you are good to go :)
    I took a look at “Manufaktur-Section” and it looks centered to me, Please see the screenshot in Private Content area.
    Please try to write on the screenshot to show what is not centered.
    Here is a free online tool to write on a screenshots

    Best regards,
    Mike

    #1076982
    This reply has been marked as private.
    #1077037

    Hi,
    Thank you for the mockup, so you want the word “MANUFAKTUR” to be in the middle of the screen, with the images above and a blank space below?
    I added this css to remove the top margin from “MANUFAKTUR” and to move the words below the images up a little to give more room for the blank space.

    #top .wort_manufaktur_hinterleger p { margin-top: 0px !important; }
    #top #hometomed .icon_title { margin-top: -50px !important; }
    

    is this closer to what you had in mind?

    Best regards,
    Mike

    #1077542
    This reply has been marked as private.
    #1077817

    Hi,
    When I look now I see that your icons are centered and no “MANUFAKTUR” text, sorry I had thought that you wanted the “MANUFAKTUR” text centered and the icons above, because in your mockup the green centered line was in the middle of the text, but you would like the section center on the icons, and the text below.
    Do I understand correctly now?

    Best regards,
    Mike

    #1077832
    This reply has been marked as private.
    #1078061

    Hi,
    Oh I see, please add “MANUFAKTUR” again, so I can adjust this.

    Best regards,
    Mike

    #1078534
    This reply has been marked as private.
    #1078977

    Hi,
    I removed your text block element for manufaktur and placed the word in a code block wrapped in a span with the class “manufaktur”
    this allowed me to move it without affecting the icons, and kept everything center in your section.
    I also gave the font-size a “visual width” instead of a “px” this way as the screen size changes the word will remain “full width”
    The only problem is that the z-index is not working well, so I’m having trouble putting the word behind the icons, I used opacity as a work around.
    Please clear your browser cache and check.
    This is the css I added to the code block:

    span.manufaktur {
        display: flex;
        justify-content: center;
        font-size: 16vw;
    }
    
    span.manufaktur strong {
    color: #d3d3d3 !important; 
    margin-top: -63vh;
    opacity: .30;
    }

    We will need to write some more css to adjust the position of the word for other screen sizes. What do you want to do when the icons brake into 2 columns, and then into 1 column? At some point do you want to just hide the word?

    Best regards,
    Mike

    #1079019
    This reply has been marked as private.
Viewing 30 posts - 1 through 30 (of 106 total)
  • The topic ‘scrolling not jumping’ is closed to new replies.