Âncora com javascript

[carecazn]

     Boa noite, estou desenvolvendo um site onde quero fazer uma âncora para alguns serviços, porém, estou utilizando URL amigável e não estou conseguindo fazer funcionar no modo tradicional que seria

<a href="#servico1"></a>
<a href="#servico2"></a>
<a href="#servico3"></a>

e na mesma página

<a id="servico1"></a>
<a id="servico2"></a>
<a id="servico3"></a>

  Tem como fazer que essa âncora funcione sem passar pela URL? Acredito que a URL amigável que esteja atrapalhando, pois funcionava antes.

Pensei em fazer com javascript ou jquery, porém, os códigos que vi na internet não consegui fazer funcionar.

[Nihal]

@carecazn Qual problema está tendo com o modo tradicional? Se tiver acesso ao .htaccess possivelmente há como corrigir isto. Descreva o que está acontecendo, se tiver uma página de testes online melhor ainda.

 

E qual o problema com os códigos que encontrou? O resto do seu javascript/jquery está funcionando corretamente?

[carecazn]

Em 12/12/2016 às 19:39, Nihal disse:

@carecazn Qual problema está tendo com o modo tradicional? Se tiver acesso ao .htaccess possivelmente há como corrigir isto. Descreva o que está acontecendo, se tiver uma página de testes online melhor ainda.

 

E qual o problema com os códigos que encontrou? O resto do seu javascript/jquery está funcionando corretamente?

     Boa noite Nihal, ele simplesmente não funciona.

o .htaccess esta assim

RewriteEngine On
RewriteCond %{SCRIPT_FILENAME} !-f
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteRule ^(.*)$ index.php?url=$1

aqui esta a configuração da URL amigável

$getUrl = strip_tags(trim(filter_input(INPUT_GET, 'url', FILTER_DEFAULT)));
$setUrl = (empty($getUrl) ? 'index' : $getUrl);
$Url = explode('/', $setUrl);

$Url[1] = (empty($Url[1]) ? null : $Url[1]);

  if (file_exists(REQUIRE_PATH . '/' . $Url[0] . '.php')):
      require REQUIRE_PATH . '/' . $Url[0] . '.php';
  elseif (file_exists(REQUIRE_PATH . '/' . $Url[0] . '/' . $Url[1] . '.php')):
      require REQUIRE_PATH . '/' . $Url[0] . '/' . $Url[1] . '.php';
  else:
      require REQUIRE_PATH . '/404.php';
  endif;

 

[carecazn]

     Resolvido o problema, ficou desta forma

<a href="#servico1"></a>
<a href="#servico2"></a>
<a href="#servico3"></a>

e na mesma página

<a id="servico1">&nbsp;</a>
<a id="servico2">&nbsp;</a>
<a id="servico3">&nbsp;</a>

     Apenas acrescentei   um espaço no id que recebe a âncora, não utilizei o javascript!

 

     Obrigado a todos!