function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Gattam Rakesh (SFDC)Gattam Rakesh (SFDC) 

Visual Force Page Making Header to be freeze

I have a Bulit a visual Force page I have Got all the contact list by using recordsetVar now my requirment is when i scroll down the header should be Freezed it means it should not move all the records should move down when we scroll here is my code

<apex:page standardController="Contact" recordSetVar="contacts" >
<apex:form >
 <apex:pageBlock title="Contacts List">
 <apex:outputPanel layout="block" style="overflow:auto;width:750px;height:250px" >
 <style>

    </style>
<apex:pageBlockTable value="{! contacts }" var="Contact1">
            <apex:column value="{! Contact1.FirstName }" />
            <apex:column value="{! Contact1.LastName }"/>
            <apex:column value="{! Contact1.Email }"/>
            <apex:column value="{! Contact1.Account.Name }"/>
            <apex:column headerValue="Phone">
    <apex:inputText value="{!Contact1.Phone}" size="10"/>
            </apex:column>
            </apex:pageBlockTable>
       </apex:outputPanel>
         </apex:pageBlock>
        </apex:form>
</apex:page>
 
KaranrajKaranraj
Check this blog post to build a sticky/floating pageblock table header in visualforce page
http://www.redkitetechnologies.com/2013/03/floatingsticky-headers-for-visualforce-pageblocktable/
Gattam Rakesh (SFDC)Gattam Rakesh (SFDC)
I need to do it by using Iframes Can you help on it?? 
KaranrajKaranraj
Why you need iframes to do this? You can follow those css and script in the blogpost to implement this.