2015-05-26 18 views

Trả lời

14

Bạn có thể làm điều đó trong hai cách.

1) [qua Javascript (+ jQuery)]

<a href="#" id="home">home</a> 

$('#home').click(function(){ 
$(document).scrollTop(100) // any value you need 
}); 

2) [qua HTML thuần túy]

<a href="#home_section">home</a> 

<section id="home_section"></section> 
+0

Xin chào, tôi có thể giải thích (một thời gian ngắn) cách hoạt động của giải pháp HTML thuần túy? Cảm ơn! – Jsleshem

+1

@Jsleshem Ý tưởng đơn giản là từ đến sau ký tự "#" biểu thị tên của id div. Vì vậy, khi bạn chuyển hướng đến một trang chứa nhiều div có id khác nhau với URL giống như/some_page/target_page # target_div_id bạn sẽ đi đến trang đó và căn giữa màn hình trình duyệt của bạn trên div có id của target_div_id –

2

Bạn cần phải thêm id thuộc tính tới phần đó của trang web mà bạn muốn hiển thị và vượt qua id tên vào cuối url sử dụng băm (#) biểu tượng. Ví dụ bạn muốn chuyển hướng người dùng đến div với id='test'

<div id="test">your section content</div> 

Sau đó, bạn nên sử dụng cấu trúc url này:

http://example.com/your_page.php?some_param=1#test 
0

Bạn có thể liên kết mã html với css.

Trong C#

Response.Redirect("http://www.example.com/index.aspx#id_in_css"); 
0

Cho phần đó một id (cho phép nói: section1) và sau đó chuyển hướng url sẽ là http://www.sample.com/page#section1.

Lưu ý: số và từ khóa, là id của phần bạn muốn trình duyệt của mình cuộn xuống.

Đọc thêm về Fragment Định danh here

2
<div id="go1"> 
<!-- content --> 
</div> 

<div id="go2"> 
<!-- content --> 
</div> 

<div id="go3"> 
<!-- content --> 
</div> 

... 

Chỉ cần nối thêm id url như dưới đây, bạn đã làm xong!

news.html#go1 
news.html#go2 
news.html#go3 
1

Về cơ bản, bạn sử dụng thẻ neo trong HTML để hoàn thành công việc của mình. you'l lẽ quen thuộc với họ như:

<a href = " "> </a> 

Như ước HTML, trong khi xác định một phần, bạn có thể cho từng bộ phận một ID cho định danh:

<section id= "blahblah" ></section> 

Và bạn có thể chuyển hướng đến bằng cách chỉ đề cập đến chúng trong các thẻ liên kết:

<a href = "#blahblah"> </a> 
Các vấn đề liên quan