連結的顯示方式

javascript jquery css html5

豬豬人 2019-10-08 17:08:37 ‧ 1149 瀏覽

https://www.zillow.com/la/rentals/?searchQueryState={%22pagination%22:{},%22mapBounds%22:{%22west%22:-91.01752281188965,%22east%22:-90.88259696960449,%22south%22:30.23768383493054,%22north%22:30.324760027423903},%22mapZoom%22:13,%22regionSelection%22:[{%22regionId%22:25,%22regionType%22:2}],%22isMapVisible%22:true,%22filterState%22:{%22sortSelection%22:{%22value%22:%22days%22},%22isForSaleByAgent%22:{%22value%22:false},%22isForSaleByOwner%22:{%22value%22:false},%22isNewConstruction%22:{%22value%22:false},%22isForSaleForeclosure%22:{%22value%22:false},%22isComingSoon%22:{%22value%22:false},%22isAuction%22:{%22value%22:false},%22isPreMarketForeclosure%22:{%22value%22:false},%22isPreMarketPreForeclosure%22:{%22value%22:false},%22isMakeMeMove%22:{%22value%22:false},%22isForRent%22:{%22value%22:true}},%22isListVisible%22:true}

我想請問這個網站當點擊右邊的房子，新的連結是直接直接浮在上面，想不太通這是什麼原理，有大大可以幫小弟解惑嗎?
我分析css 只知道和z-index有關，但是連結有變，頁面沒有重新loading，這部分不了解

耿直小伙 iT邦新手 1 級 ‧ 2019-10-09 10:42:21 檢舉

1. 彈出的視窗是以modal或dialog顯示，這跟你講的z-index有關沒錯，通常對話視窗的z-index都是置頂
2. 連結可以不必真的換頁且同時在原頁面動態更新

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

dragonH

iT邦超人 5 級 ‧ 2019-10-08 17:22:11

  /$$$$$$  /$$$$$$$   /$$$$$$ 
 /$$__  $$| $$__  $$ /$$__  $$
| $$  \__/| $$  \ $$| $$  \ $$
|  $$$$$$ | $$$$$$$/| $$$$$$$$
 \____  $$| $$____/ | $$__  $$
 /$$  \ $$| $$      | $$  | $$
|  $$$$$$/| $$      | $$  | $$
 \______/ |__/      |__/  |__/

參考