HTML和CSS，以固定圖片時，使用jQuery滑動內容下滑

我不認爲我的問題是困難的，但我只是網頁設計和這個論壇的新手，所以希望你能幫助我這個問題：我想在向下滑動div內容時修復圖像。你可以拿這個兩幅圖一目瞭然，便於理解HTML和CSS，以固定圖片時，使用jQuery滑動內容下滑

enter image description here

所以在這裏你可以看到，當我點擊閱讀更多的按鈕圖像將隨着內容移動，但問題是我想像開頭那樣在左上方修復它。這裏是我的代碼樣本格式：

<div> 
<table> 
    <tr> 
     <td> 
     <table class="table1"> 
      <tr class="left"> 
       <td class="left-image"> 
        <img>My image on the left goes here 
       </td> 
      </tr> 
     <table> 
     </td> 
     <td> 
     <table class="table2"> 
      <tr class="right"> 
       <td>My content on the right goes here</td> 
      </tr> 
     </table> 
     </td> 
    <tr> 
</table>

我已經通過設置類或ID爲使用CSS定位，圍繞着這一形象如表，TR，TD每個元素嘗試過很多辦法固定它，但它會移動每當我向下滾動網站或甚至沒有工作，所以希望你們都可以給我一些解決方案，這可以幫助我克服這個問題，並改善我的糟糕的編程技巧。先進的謝謝你！

來源

2012-01-10 Eli

你可以在http://jsfiddle.net中彈出它或發佈完整的html/css。 – 2012-01-10 12:30:30

表格對於你想要做的事情來說有點舊，我建議你使用CSS浮動來做佈局。這裏有一個很好的基礎教程CSS佈局http://www.subcide.com/articles/creating-a-css-layout-from-scratch/。 – 2012-01-10 12:38:23

也許這：

？

來源

2012-01-10 12:34:03 bububaba

你可以單獨在CSS中做到這一點，這裏沒有任何需要JavaScript或jQuery。有一個瞭解position: fixedhere

#myImage { 
    position: fixed; 
    top: 10px; 
    left: 100px; 
}

來源

2012-01-10 12:29:11

感謝您的評論，但當我向上滾動或向下滾動網站時，它會將我的圖像始終固定在該特定的位置，但這裏我只是希望它在該div內部固定。 – Eli 2012-01-10 12:33:07

給出容器位置：相對。另外，請不要按照你的方式使用表格 - 閱讀一些基本的html教程。 – 2012-01-10 12:35:46

HTML和CSS，以固定圖片時，使用jQuery滑動內容下滑

回答

相關問題