#186842 gửi bởi qkhanh8x
Ngày 18 Tháng 10 2017 , 12:31

Xin hỏi các "đồng đạo" Nukeviet - module Shop: cách làm menu icon bên trái đứng im khi kéo trang web lên xuống - quan trọng là di chuyển tới chuyên mục nào thì icon tương ứng chuyên mục đó sẽ đổi mau nền khác nhau. Kiểu menu này thường thấy trong các trang bán hàng sử dụng mã nguồn Prestashop.

Tên gọi kiểu menu này là gì?

Mình muốn áp dụng cho module shop-Nukeviet

Mình chỉ làm tạm thời bằng cách tạo 1 loạt các icon menu, rồi cho nó thuộc tính position: fixed để cho nó đứng im, màu nền là trong suốt.

Sau đó mình làm css canh tọa độ, hễ đến tọa độ quy định thì 1 khối có màu nền bên dưới xuất hiện.

Cách này không khoa học lắm và phải làm thủ công. Mỗi lần thêm 1 chuyên mục khác trong module shop là ta phải làm lại cái menu này rất mệt.


Xin hỏi các anh em có cách làm - hướng làm nào khác khoa học hơn hay không?


Demo: https://www.sendo.vn/

Ảnh minh họa:
http://www.upsieutoc.com/image/pq7FBb

http://www.upsieutoc.com/image/pqoR7E

Cảm ơn các bạn.

Sửa lần cuối bởi qkhanh8x vào Ngày 22 Tháng 10 2017 , 19:31, với tổng số 4 lần sửa.
#186909 gửi bởi nambmtk1993
Ngày 25 Tháng 10 2017 , 21:32
Cái này nói chung rất khó đồng chí à. Vì phải code rất nhiều thứ cơ mới có thể tạo ra cái tính năng đó.

Nhưng chung quy lại thì nó vẫn dùng phương pháp này đồng chi tham khảo
https://thachpham.com/web-development/html-css/the-tao-lien-ket-va-lien-ket-neo.html
#186914 gửi bởi qkhanh8x
Ngày 26 Tháng 10 2017 , 21:52
nambmtk1993 đã viết Cái này nói chung rất khó đồng chí à. Vì phải code rất nhiều thứ cơ mới có thể tạo ra cái tính năng đó.

Nhưng chung quy lại thì nó vẫn dùng phương pháp này đồng chi tham khảo
https://thachpham.com/web-development/html-css/the-tao-lien-ket-va-lien-ket-neo.html


Cảm ơn bạn rất nhiều. Mình thì đã làm được rồi nhưng phương pháp thì thủ công dở tệ.

Sửa lần cuối bởi qkhanh8x vào Ngày 26 Tháng 10 2017 , 22:06, với tổng số 2 lần sửa.
#186948 gửi bởi nambmtk1993
Ngày 31 Tháng 10 2017 , 06:36
qkhanh8x đã viết
nambmtk1993 đã viết Cái này nói chung rất khó đồng chí à. Vì phải code rất nhiều thứ cơ mới có thể tạo ra cái tính năng đó.

Nhưng chung quy lại thì nó vẫn dùng phương pháp này đồng chi tham khảo
https://thachpham.com/web-development/html-css/the-tao-lien-ket-va-lien-ket-neo.html


Cảm ơn bạn rất nhiều. Mình thì đã làm được rồi nhưng phương pháp thì thủ công dở tệ.

Mình hiểu mà lúc đầu mình cũng như thế suốt. Cứ làm cứng. Nhưng nếu muốn mượt bạn thêm jquery vào. Mình không nhớ trước xem trang nào có ấy. Mình tìm lại được mình chia sẻ cho nó cũng gần gần giống :)

#186952 gửi bởi qkhanh8x
Ngày 31 Tháng 10 2017 , 18:07
nambmtk1993 đã viết
Mình hiểu mà lúc đầu mình cũng như thế suốt. Cứ làm cứng. Nhưng nếu muốn mượt bạn thêm jquery vào. Mình không nhớ trước xem trang nào có ấy. Mình tìm lại được mình chia sẻ cho nó cũng gần gần giống :)

Thanks bạn nhiều!