Solved

Jump to a specific point on a responsive page

Posted on 2016-11-26
5
13 Views
Last Modified: 2016-11-26
Hello;

I have a div with its content that  on desktop state is above the page but on responsive state it goes down in middle the page ,and i want that with click on a link user goes to that point in responsive state,is there a solution?

Thanks
0
Comment
Question by:MOSTAGHASSI
  • 3
  • 2
5 Comments
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41902444
The usual method is
<a href="#idoftarget">Link</a>

Open in new window


But without seeing the code impossible to guess.

Post some code and we can take it from there.
0
 

Author Comment

by:MOSTAGHASSI
ID: 41902459
My codes:

<div class="artists-list-alphabet">
 artists list alphabet
 </div>

Open in new window


This div on desktop is above the page,but on responsive it goes down on the page and its position is not fix,because it depend on another content of that page,so above the page i put a link:

<a href="#">Link</a>

Open in new window


and i want that when user click on this link it goes down near the div and see it.
0
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41902524
Add an id
<div class="artists-list-alphabet" id="artists-list-alphabet">
 artists list alphabet
 </div>

Open in new window

Create link like this
<a href="#artists-list-alphabet">Link text</a>

Open in new window

0
 

Author Closing Comment

by:MOSTAGHASSI
ID: 41902773
Thanks,it works.
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41902815
You are welcome.
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now