將圖像鏈接到頁面的另一部分（單頁滾動網站）

我想要一個將用戶鏈接到單頁滾動網站另一部分的圖像熱點。它的工作到目前爲止，但你只能點擊圖像上的文字，我怎麼能這樣做，因此整個圖像是一個鏈接？將圖像鏈接到頁面的另一部分（單頁滾動網站）

<div class="quarter-column"> 
<div class="welcome_square"> 
    <img src="/pageassets/freshers2016/info.jpg" alt="" /> 
    <a href="#info"><h2>NEED TO KNOW</h2></a> 
</div> 
</div> 

<div class="clearfix" id="page2"> 
<a id="info" class="smooth"></a> 
<div class="full-column" id="tiles"> 
<h2>NEED TO KNOW</h2> 
</div> 
</div>

來源

2016-07-12 user3005003

你可以把'welcome_square'裏面的'了'。或者如果只有圖像。你也可以把'img'放在'a' – Abbr

請參考這個鏈接http://stackoverflow.com/a/36761714/5383669它會幫助你 –

你需要把img元素插入a link元素，看看這個：

<div class="quarter-column"> 
<div class="welcome_square"> 
    <a href="#info"> 
    <img src="/pageassets/freshers2016/info.jpg" alt="" /> <!-- <img/> inner <a/> link element --> 
    <h2>NEED TO KNOW</h2> 
    </a> 
</div> 
</div> 

<div class="clearfix" id="page2"> 
<a id="info" class="smooth"> 
    <div class="full-column" id="tiles"> 
    <h2>NEED TO KNOW</h2> 
    </div> 
</a> 
</div>

來源

2016-07-12 08:26:20

將圖像鏈接到頁面的另一部分（單頁滾動網站）

回答

相關問題