Forums

  • # January 29, 2013 at 12:55 pm

    Anchor Problem

    This is in reference to two pages

    1. (http://fiveonline.info/adverk/services.html “”)
    2. (http://fiveonline.info/adverk/index.html “”)

    Now, I’ve used the javascript


    $(document).ready(function(){
    $('body').plusAnchor({
    easing: 'easeInOutExpo',
    offsetTop: -20,
    speed: 1000,
    onInit: function( base ) {

    if ( base.initHash != '' && $(base.initHash).length > 0 ) {

    window.location.hash = 'hash_' + base.initHash.substring(1);

    window.scrollTo(0, 0);

    $(window).load( function() {

    timer = setTimeout(function() {

    $(base.scrollEl).animate({
    scrollTop: $( base.initHash ).offset().top

    }, base.options.speed, base.options.easing);
    }, 2000); // setTimeout

    }); // window.load
    }; // if window.location.hash

    } // onInit
    });
    });



    To have the anchors in the services page scroll to he appropriate div id within the page. Now, I've planned to link the six banners on he home page to each service block, but I want to make the user reach directly/jump to the target div instead of being scrolled to the target div,when the link's clicked from the home page (click on the first banner link on the home page, you'll see what I mean). The javascript uses the hash symbol for scrolling and unfortunately, the same symbol is used if we wish to access that particular block from a different page. Is there a solution or an alternative to this problem?

    Privacy Policy and T & C page

    I've noticed that the T& C's page and the Privacy page is always sparingly styled, and never contains images - this is true even for fashion websites. Is this a rule? Requirement? My client's asking me to use fancy images for these pages too. so
    (a) Is there a rule that mandates the absence of any fancy styling?

    (b) What would be the best way to convince my client against using fancy styling?

    # January 30, 2013 at 1:35 pm

    Hmmm… tested in Safari, but it does not scroll at all (from homepage using the second banner (Graphic design).

    But, maybe you can use a empty div just above the headline… and bypass the hash name in javascript? Just thinking loud. Like this test:
    (http://codepen.io/Magnusvb/pen/vDhJz)

    magnus

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag