ఏ విధంగా సృష్టించాలి: స్టికీ మెన్యూఫ్యాక్టర్స్

స్టికీ మెన్యూఫ్యాక్టర్స్

ఉదాహరణ

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

స్వయంగా ప్రయత్నించండి

position: sticky; ఉపయోగించే మెన్యూఫ్యాక్టర్స్ వినియోగదారు స్క్రోల్ స్థానాన్ని ఆధారంగా లొకేషన్ చేయబడతాయి.

స్టికీ మెన్యూఫ్యాక్టర్స్ స్ప్రాండింగ్ మరియు ఫిక్స్డ్ లొకేషన్ మధ్య మారుతాయి, ఇది స్క్రోల్ స్థానాన్ని ఆధారంగా ఉంటుంది. విండోలో కొన్ని స్పెషల్ స్థానానికి చేరుకోలేక ముందు ఇది స్ప్రాండింగ్ లొకేషన్ లో ఉంటుంది, అప్పుడు ఇది స్థానంలో కలిగి ఉంటుంది (పోసిషన్: ఫిక్స్డ్ వలె).

గమనిక:ఇంటర్నెట్ ఎక్స్‌లోరర్, ఎడ్జ్ 15 మరియు ఆధికారిక సంస్కరణలు స్టికీ లొకేషన్ ను మద్దతు చేయరు. సఫారీకి -webkit- ప్రీఫిక్స్ అవసరం (కింది ఉదాహరణలో చూడండి). స్టికీ లొకేషన్ చేయడానికి కనీసం top, right, bottom లేదా left లలో కనీసం ఒకటి నిర్దేశించాలి.

相关页面

教程：CSS 定位