#186842 post by qkhanh8x
Day 18 Month 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.

Last edit by qkhanh8x time Day 22 Month 10 2017 , 19:31, with 4 edit count.
#186909 post by nambmtk1993
Day 25 Month 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 post by qkhanh8x
Day 26 Month 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ệ.

Last edit by qkhanh8x time Day 26 Month 10 2017 , 22:06, with 2 edit count.
#186948 post by nambmtk1993
Day 31 Month 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 post by qkhanh8x
Day 31 Month 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!