課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
請問一下,菜單定位實現了效果,但是我做出來的為什么點擊菜單鏈接,直接跳到內容圖片這位置了?,而不是像老師做出來那種,可以同時看到標簽和內容圖片
2016-11-18
源自:基于bootstrap的網頁開發 3-11
正在回答
題主的問題解決了嗎,我也是這個問題,不知道怎么弄,顯示的效果和老師的不一樣,直接顯示的圖片和文字,不能看到標簽
我在老師的基礎上修改了:
$(function(){
? ?$('#bs-example-navbar-collapse-1 .dropdown-menu a').click(function (e) {
? ? ? ?var href = $(this).attr('href');
? ? ? ?if ('#' !== href) {
? ? ? ? ? ?e.preventDefault();
? ? ? ? ? ?$("#tab-container a[href='"+href+"']").tab("show");
? ? ? ? ? ?$(document).scrollTop($(href).offset().top - 110);
? ? ? ? ? ?console.log($(href).offset().top);
? ? ? ?}
? ?});
});
主要是思想就是:阻止a的默認行為、設置document的高度
你說的是導航條吧,設置了navbar-fixed-top沒?
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁
1 回答關于菜單定位問題
1 回答關于bootstrap課程中菜單定位的問題
2 回答關于菜單定位沒有效果的問題?
5 回答關于菜單定位只能定位第一個標簽頁,其他標簽頁無法定位的問題
2 回答視頻里的菜單定位代碼能實現菜單定位 但是不能定位到tablist 而是定位到tabcontent的位置
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-17
題主的問題解決了嗎,我也是這個問題,不知道怎么弄,顯示的效果和老師的不一樣,直接顯示的圖片和文字,不能看到標簽
2016-11-26
我在老師的基礎上修改了:
$(function(){
? ?$('#bs-example-navbar-collapse-1 .dropdown-menu a').click(function (e) {
? ? ? ?var href = $(this).attr('href');
? ? ? ?if ('#' !== href) {
? ? ? ? ? ?e.preventDefault();
? ? ? ? ? ?$("#tab-container a[href='"+href+"']").tab("show");
? ? ? ? ? ?$(document).scrollTop($(href).offset().top - 110);
? ? ? ? ? ?console.log($(href).offset().top);
? ? ? ?}
? ?});
});
主要是思想就是:阻止a的默認行為、設置document的高度
2016-11-20
你說的是導航條吧,設置了navbar-fixed-top沒?