HTML A href'＃'不工作？

這是我的Html代碼返回頂部。HTML A href'＃'不工作？

<html> 
<head> 
    <title>Back To Top</title> 
</head> 
<body id='backtotop'> 
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 

    <a href="#backtotop" id='moveback' style='display:none;'>Backtotop</a> 
<button id='Clickme'>Click</button> 
<script type="text/javascript"> 
jQuery(function($) { 
    $(document).ready(function(){ 
     $("#Clickme").click(function(){ 
      $("#moveback").click(); 
      $("#moveback").trigger('click'); 
     }); 
    }); 
}(jQuery)); 
</script> 
</body> 
</html>

當我點擊Backtotop鏈接工作時發現在桌面上。但是當我嘗試使用平板電腦或移動設備時，這不起作用。當我點擊鏈接時，它不會移動到平板電腦或手機上。

請大家幫忙。

謝謝。

來源

2014-05-21 Renish Khunt

在Android上的每個瀏覽器（Chrome，FF，Opera，* Browser *）中，這對我來說都很好。哪個瀏覽器專門做這不適合？ – Joeytje50

查看本頁面：http://www.webdeveloper.com/forum/showthread.php?259280-anchor-tag-not-working-in-safari-(ios)-for-Iphone-iTouch-iPad。你有鏈接的任何javascript事件嗎？ –

我更新我的問題，請檢查這是不是在Firefox或鉻。或平板電腦。請再檢查一次。 –

通常稱爲內部鏈接超級鏈接在同一網頁內。我們大多使用的代碼是

<A NAME="LINK"> </A>

其中LINK是那個位置的名稱。

例子：

<body> 
<H4>Click here to go to bottom <A HREF="#BOTTOM"> bottom </a> of the page </H4> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> 
<A NAME="BOTTOM"><h1>This si bottom</h1></A> 
</body>

，如果這是不那麼工作，就可以實現諸如滾動功能：

function scrollWindow() 
{ 
window.scrollTo(x,y); 
} 


// where 
// x= for horizontal co-ordinates,y=for vertical cordinates 
//x=100,y=600--try this 

execute this function onclick of your link 

    <ul> 
      <li><a href="#backtotop" onclick=scrollwindow>Backtotop</a></li> 
    </ul>

，你也可以在使用ID屬性代替name屬性標籤來命名網頁中的部分。

請注意：頁面上的許多元素都是浮動元素。因此，如果錨點目標不在浮動元素中，瀏覽器無法找到鏈接的精確點。換句話說，如果錨標籤位於浮動元素之外，並且頁面上有許多浮動元素，則內部鏈接可能無法正常工作。要解決這個問題，請將您的錨點目標放在其中一個浮動元素中。

來源

2014-05-21 13:49:21 Shashank

HTML A href'＃'不工作？

回答

相關問題