How to add the offset to the items of id for the page scrolling

Hello world

I use jQuery scrolling page which requires jQuery easing, and I applied scrolling page class ID to several elements of the image throughout the site. He is also working on the elements of the section of the site.

The issue I'm having is when any category id are selected in the navigation bar, for example in 'services', click on "Why choose us" in the drop-down menu, you will see it scrolls to this element, but it is placing too high up on the screen and part of this element is covered by the upper navigation bar.

What I want to do, it's somehow add an offset from the elements id so that he finds a little lower on the screen just below the navigation bar, as it does for the elements of the section of the site. For example, 'our team', which is placed in a section works fine.

Please see website link and jQuery code for below.

http://www.clockdoctors.co.UK/test/

jQuery for the functionality of scrolling page - requires the plugin of jQuery acceleration

{$(function()}

$('a.page-scroll').bind ("click", {function (event)}

var $anchor = $(this);

$('html,_body').stop (.animate({))

scrollTop: $($anchor.attr ('href')) .top () may

(}, 1500, "easeInOutExpo");

Event.preventDefault ();

});

});

I see. in this case, you may need to add an offset spesific for different updates page with anchors and based on the location of where change of resolution:

you would use ID at all that will change your layout and you don't want that. in this case change all your refferals in a label - anchors

and then in the CSS position them based on the resolution in a relative path:

CSS:

{#myName}

position: relative;
Top:-100px;

}

In short: all the ID change them as anchors instead of ID, then according to the resolution change the value at the top so it fits perfectly in all the page layouts.

PS. my suggestion if possible rather collapse the header make more minimalist height when the user scrolls down, so it's less work and it takes less space in the content.

Tags: Dreamweaver

Similar Questions

  • How to add the page to a folder. Use to be able to use the 'choose', but can't now.

    I have a problem with the "Bookmarks" tab Before I reinstalled windows after a crash, I could click on the Bookmarks tab to save a site go to choose a folder and a place that some of the site in a specific folder. Now it does not; When I type choose that it does nothing.

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance).

    • Do NOT click on the reset button on the startup window Mode without failure.
  • How to add the option in the SelectItem during execution

    Hello
    Can anyone help me please with this use case?

    I have a list set to the managed bean as below. I want to add new LOV in list (DROP DOWN 2) "ZZZ" based on the value selected in the DROP DOWN 1 on the same page. So that particular one value selected in the DROP DOWN 1, I want to have this new LOV displayed in the DROP DOWN 2. I'm doing it through ValuchangeListener, but I'm not able to find how to add the LOV. Help, please.



    USER INTERFACE
    <!-- DROP DOWN 1 -->
    <af:selectOneChoice label="Order Type" id="soc2" required="true"
                                            validator="#{lovManagedBean.orderTypeValidator}"
                                            binding="#{userAuthentication.orderType}"
                                            autoSubmit="true"
                                            valueChangeListener="#{lovManagedBean.orderTypeValueChangeListener}">                    
                          <f:selectItems id="si2" value="#{lovManagedBean.orderTypeItems}"/>
    </af:selectOneChoice>
    <!-- DROP DOWN 2 -->
    <af:selectOneChoice label="Request Type" id="soc1" required="true"
                                            validator="#{lovManagedBean.requestTypeValidator}"
                                            binding="#{userAuthentication.requestType}">
                                          
                                           
                          <f:selectItems id="si1" value="#{lovManagedBean.requestTypeItems}" />
    </af:selectOneChoice>
    Managed Bean code
      public List<SelectItem> getRequestTypeItems() {
        List<SelectItem> list = new ArrayList<SelectItem>();
    
        list.add(new SelectItem("XXX","XXX"));
        list.add(new SelectItem("YYY","YYY"));
       
       
        this.requestTypeItems = list;
         return list;
      }
    
      public void orderTypeValueChangeListener(ValueChangeEvent event ) {
          System.out.println("+++ Calling LOVManagedBean.orderTypeValueChangeListener()");
          System.out.println("Old Value for order type:" + event.getOldValue() );
          System.out.println("New Value for order type:" + event.getNewValue());
          if(event.getNewValue().equals("Time and Expense")){
            //Code to add LOV in drop down
          }
              
        
      }

    You could make it according to the following example:

    Sample.JSPX:



    xmlns:f = "http://java.sun.com/jsf/core".
    xmlns:h = "http://java.sun.com/jsf/html".
    xmlns:af = "http://xmlns.oracle.com/adf/faces/rich" >




    *
    autoSubmit = 'true' immediate = "true".
    * valueChangeListener = "#{pageFlowScope.SampleBean.onValueChangeListener}" > *.
    **
    **
    **
    *
    * partialTriggers = "soc1."
    * Binding = "#{pageFlowScope.SampleBean.selectOneChoice2}" > *.
    *
    * id = "si3" / > *.
    **



    * SampleBean.Java: *.

    import java.util.ArrayList;
    import java.util.List;

    Import javax.faces.event.ValueChangeEvent;
    Import javax.faces.model.SelectItem;

    Import oracle.adf.view.rich.component.rich.input.RichSelectOneChoice;

    public class SampleBean {}
    Private RichSelectOneChoice selectOneChoice2;

    public SampleBean() {}
    DataSource.Add (new SelectItem ("XXX", "XXX"));
    DataSource.Add (new SelectItem ("YYY", "YYY"));
    System.out.println ("to the constructor");
    }

    Private list datasource = new ArrayList ();
    private SelectItem newSelectItem = new SelectItem ("ZZZ", "ZZZ");

    * public Sub onValueChangeListener (ValueChangeEvent valueChangeEvent) {*}
    * if (valueChangeEvent.getNewValue () .equals ("Add") == true) {*}
    * System.out.println("::: Adding new select item choice"); *
    * datasource.add (newSelectItem); *
    *} else {*}
    * if (valueChangeEvent.getNewValue () .equals ("JustSelect") == true) {*}
    * System.out.println("::: Removing the added select item choice"); *
    * datasource.remove (newSelectItem); *
    * System.out.println (datasource.size ()); *
    *}*
    *}*
    * this.selectOneChoice2.setValue (datasource); *
    *}*

    public void setDatasource (the list data source ) {}
    This.DataSource = data source;
    }

    public getDatasource() {list
    Returns the data source;
    }

    public void setSelectOneChoice2 (RichSelectOneChoice selectOneChoice2) {}
    this.selectOneChoice2 = selectOneChoice2;
    }

    public RichSelectOneChoice getSelectOneChoice2() {}
    Return selectOneChoice2;
    }
    }

    * Ensure that the bean is saved in pageFlowScope.*

    Thank you
    Nini

  • How to add the name of the title of graph in Excel

    Dear friends

    I'm using LabVIEW 8.0.I need how to add the name of the title of graph in Excel.

    You have the report generation tool? If so, the VI of graph Easy Excel has an entry for this.

    If you don't have the Toolbox, then you need to use ActiveX. Please do a search on the use of the ActiveX (there are examples provided with LabVIEW) to control Excel. Also, there are many examples in the thread Excel. NOTE: DON'T POST QUESTIONS IN THIS THREAD.

    In the end, you will need to search for information contained in MSDN.

  • How to add the full value of two buttons?

    How to add the full value of two buttons (any key) VI and display it in the output text box? I am attaching a sample program, but I know that his evil... Help, please

    Try this

  • How to add the quick launch of the desktop icon bar

    How to add the toolbar launch quick icon on the desktop. I can't find a desktop icon that will drag on

    The following Microsoft KB article

    http://support.Microsoft.com/kb/190355/en-us

    will help you.

    Good bye.

  • How to add the translation application to my email add FB?

    Original title: translation

    I need to know how to ADD the TRANSLATION software to my email add FB? Any help?

    Try here: https://www.facebook.com/help/100117036792266

    Translate the updated Facebook application on the road

  • How to add the Quazip library

    Hi, I want to try to use Quazip. Since I read, I have to add the library before use.

    I downloaded from http://quazip.sourceforge.net/

    How to add the Quazip library? Please explain the step, never add lib before.

    Thank you

    I have change the .pro file

    Like this:

    http://StackOverflow.com/questions/13341234/unzip-files-downloaded-from-Server

  • How to add the png file in another png file

    Greetings

    How to add another png to a png file

    for example: I have the png file 1) 320 * 480

    second is 2) very small png file

    I want to add the small png like this button (320 * 480) of the png file, how can I do

    Help, please

    account s

    Anthony singh

    It is not much more left to do, really:

    1. create your custom - bitmap button class copy most of the project advanced user interface.

    2. create your personalized with background image - again, Manager copy most of "adding background... picture." "with all the changes that you deem necessary.  You can replace HorizontalFieldManager with VerticalFieldManager, for example, according to your needs. Also, if you've read this article, visit again and take a look at the note at the bottom - I just added a. It might not be relevant today, but may be useful later - I answered enough questions here on the forums, so people do not experience this problem.

    3 create an instance of your custom Manager to enlarge the image as the parameter - let's call him myBgMgr, for example. Add myBgMgr to your screen.

    4. Add the new BitmapButtonField (smallerImage,...) to myBgMgr.

    That's all!

  • How to add the profile of lenses?

    How to add the profile of lenses?

    At the bottom of the link, you will find a link for the lens profile downloader. With this tool, you can download the profiles shared by other users.

    Work with lenses profiles in Adobe Photoshop, Lightroom and Camera Raw

  • How to add the new column in existing table to our desired location?

    How to add the new column in existing table to our desired location?

    For example, I have to add the new column 'course' before the salary column in the emp table.

    I think the best way is to add the column at the end of the table and create a new view with the order of the columns...

    Another option...

    places the data into a temporary table and recreate the table with the correct order of the columns, and then insert data to the table from the temporary table

    Refer

    Add column (from table) in the desired position

    Example:

    CREATE TABLE temp_my_user LIKE)

    SELECT * FROM password);

    DROP TABLE password;

    (Password) CREATE TABLE

    userID NUMBER

    , first name VARCAHR2 (25)

    , middleInitial VARCHAR2 (1)

    (, name VARCHAR2 (25));

    INSERT INTO password (userID, firstName, lastName)

    (SELECT username

    first name

    lastName

    OF temp_my_user);

    DROP TABLE temp_user;

  • How to add the bar at the bottom of the page [Dreamweaver]

    Hello!

    How to add the bar at the bottom of the page that helps me to make changes in my creation page?

    Not sure I understand.  Looking for the properties panel?  Press Ctrl + F3 or go to window > properties.

    Nancy O.

  • Please tell me how to add the English language in photoshop?

    Hello! Please tell me How to add the English language in photoshop? I'm from Russia and acquired, respectively, also in Russia()

    Cloud of swap language http://helpx.adobe.com/creative-cloud/kb/change-installed-language.html

    or

    A product of Adobe for another language or version of trading platform for CS6

  • How to add the date felxfiled in OFA

    How to add the date felxfiled in OFA

    Hi gurus,

    How to add a date in the form OFA field. I tried but no optin schedule it. I need to add the calendar options before the flexfiled.

    Concerning

    Hello

    Allocate FND_STANDARD_DATE segment value your FDF everywhere where you want to see the calendar on the page of the OFA.

    Let me know if you need more help on this.

    Kind regards

    Hemant

  • How to add the collapsible functionality to the Spry Menu?

    Dear Adobe community,

    How to add the functionality of collapsible for the Spry Menu like the one on the White House | whitehouse.gov ?

    Load the White House Web site and minimize your browser window as observe you what happends to the menu bar when you pass a certain limit.

    This is the feature that I want to put in place and I would be happy if one of you could direct me to or share relevant information.

    Concerning

    Andreas

    This isn't a menu Spry Spry do not appear on mobile devices.

    Use any sensitive menu you like for example:

    CSS & jQuery Mobile Navigation Menu Demo

    The tutorial is here:

    CSS and jQuery Menu of Navigation Mobile reactive

  • How to add the form designed in adobe acrobat pro live cycle Designer?

    How to add the form designed in adobe acrobat pro live cycle Designer?

    I want to add the form designed in adobe acrobat pro live cycle Designer. I saved the form designed in adobe live cycle designer in pdf format. But you can't change the same in Adobe Acrobat format. I would like to add a few fields and use the fields designed by Adobe Live cycle Designer.

    You can only modify this form in LiveCycle Designer. Forms Acrobat and LCD are not interchangeable.

Maybe you are looking for