|
|
Line 1: |
Line 1: |
| {{:Team:DTU-Denmark-2/Header}} | | {{:Team:DTU-Denmark-2/Header}} |
| + | |
| <html> | | <html> |
| <head> | | <head> |
- | | + | <style type="text/css"> |
- | <style type="text/css"> | + | |
- | | + | |
- | A {text-decoration:none}
| + | |
- | A:link {color: #990000;text-decoration: none }
| + | |
- | A:active {color: #990000;text-decoration: none }
| + | |
- | A:visited {color: #990000 ;text-decoration: none }
| + | |
- | A:hover {text-decoration: underline}
| + | |
- | | + | |
- | | + | |
| | | |
| div.text { | | div.text { |
| padding-right: 20px; | | padding-right: 20px; |
- | padding-left: 50px; | + | padding-left: 20px; |
| padding-top:20px; | | padding-top:20px; |
- | padding-bottom:10px; | + | padding-bottom:20px; |
- | }
| + | |
| | | |
- | table {
| |
- | border-collapse:collapse;
| |
- | }
| |
- | table,th, td {
| |
| } | | } |
| + | div.head{ |
| | | |
- | #menu {
| + | line-height:30px; |
- | width: 200px;
| + | |
- | position: relative;
| + | |
- | top: 0px;
| + | |
- | }
| + | |
- | a.h1 {
| + | |
- | font-size: 12pt;
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | | + | |
- | a.h2 {
| + | |
- | font-size: 9pt;
| + | |
- | margin-left: 10px;
| + | |
| } | | } |
| | | |
| </style> | | </style> |
| + | <head> |
| | | |
- | </head>
| |
| <body> | | <body> |
| | | |
| <div class="text"> | | <div class="text"> |
| + | <div class="head"> |
| <font color=" #990000" face="arial" size="6"> | | <font color=" #990000" face="arial" size="6"> |
- | <br><br>
| |
- | <b>Safety</b><br> <br>
| |
- | </font>
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
- |
| |
- | <table cellpadding=5px>
| |
- | <th>
| |
- | <td width="500px" height="100%" valign="top" valign="center" >
| |
| <br> | | <br> |
- | | + | <b>Safety</b> |
- | | + | |
- | <div id="menu">
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Would the materials used in your project and/or your final product pose" class="h1"><b>1</b> Would the materials used in your project and/or your final product pose<br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Risks to the safety and health of team members or others in the lab?" class="h2"><b>1.a</b> Risks to the safety and health of team members or others in the lab?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Risks to the safety and health of the general public if released by design or accident?" class="h2"><b>1.b</b> Risks to the safety and health of the general public if released by design or accident?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Risks to environmental quality if released by design or accident?" class="h2"><b>1.c</b> Risks to environmental quality if released by design or accident?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Risks to security through malicious misuse by individuals, groups or states?" class="h2"><b>1.d</b> Risks to security through malicious misuse by individuals, groups or states?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Specifically, are any parts or devices in your project associated with (or known to cause)" class="h2"><b>1.e</b> Specifically, are any parts or devices in your project associated with (or known to cause)</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#If your response to any of the questions above is yes:" class="h1"> <b>2</b> If your response to any of the questions above is yes:</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Explain how you addressed these issues in project design and while conducting laboratory work." class="h2"><b>2.a</b> Explain how you addressed these issues in project design and while conducting laboratory work.</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Describe and document safety, security, health and/or environmental issues as you submit your parts to the Registry." class="h2"><b>2.b</b> Describe and document safety, security, health and/or environmental issues as you submit your parts to the Registry.</a><br><br>
| + | |
- | | + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Under what biosafety provisions will / do you operate?" class="h1"><b>3</b> Under what biosafety provisions will / do you operate?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Does your institution have its own biosafety rules and if so what are they?" class="h2"> <b>3.a</b> Does your institution have its own biosafety rules and if so what are they?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Does your institution have an Institutional Biosafety Committee or equivalent group?:" class="h2"> <b>3.b</b> Does your institution have an Institutional Biosafety Committee or equivalent group?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Will / did you receive any biosafety and/or lab training before beginning your project?" class="h2"> <b>3.c</b> Will / did you receive any biosafety and/or lab training before beginning your project?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#Does your country have national biosafety regulations or guidelines?" class="h2"> <b>3.d</b> Does your country have national biosafety regulations or guidelines?</a><br><br>
| + | |
- | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safety/Safety#References" class="h1"> <b>4</b> References</a><br><br>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
| </div> | | </div> |
| + | <br> <br> |
| + | </font> |
| | | |
- | </td>
| |
- |
| |
- | <td width="75%" height="100%" valign="top">
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <br>
| |
| | | |
- | <a name="Safety"></a><h1>Safety</h1>
| |
| <p align="justify"> | | <p align="justify"> |
| | | |
Line 103: |
Line 40: |
| </div> | | </div> |
| | | |
- | <a name="Would the materials used in your project and/or your final product pose"></a><h2><b> Would the materials used in your project and/or your final product pose</b></h2> | + | <h3>1. Would the materials used in your project and/or your final product pose</h3> |
- | <br>
| + | <dd><h4><b>a. Risks to the safety and health of team members or others in the lab</b></h4></dd> |
- | <a name="Risks to the safety and health of team members or others in the lab?"></a><h2><b> Risks to the safety and health of team members or others in the lab?</b></h2>
| + | |
| | | |
- | The biological parts and devices that we designed and constructed do not pose any risks to the safety and health of team members or others in the lab. In this project we work with organisms and cells that are widely used in laboratories and generally regarded as safe, namely the <i>E.coli</i> strain DH5α, and the fungus <i>Aspergillus nidulans</i>. One part of the team worked with these two organisms in a biosafety 1 lab. The other part of the team worked with the human osteosarcoma cell line U-2 OS in a biosafety 2 lab. To avoid cross-contamination the part of the team working with the microorganisms were not allowed to enter the mammalian cell lab. | + | <dd>The biological parts and devices that we designed and constructed do not pose any risks to the safety and health of team members or others in the lab. In this project we work with organisms and cells that are widely used in laboratories and generally regarded as safe, namely the <i>E.coli</i> strain DH5α, and the fungus <i>Aspergillus nidulans</i>. One part of the team worked with these two organisms in a biosafety 1 lab. The other part of the team worked with the human osteosarcoma cell line U-2 OS in a biosafety 2 lab. To avoid cross-contamination the part of the team working with the microorganisms were not allowed to enter the mammalian cell lab.</dd> |
- | <br> | + | <dd>There are potential risks in a number of standard practices performed in the lab, therefore appropriate measures were taken when preparing media and buffers, performing gel extractions, and using molecular biology kits for DNA purification etc. In general nitrile gloves, labcoats, and goggles were worn when required to ensure the safety of our team members in the lab.</dd> |
- | <br> | + | |
- | There are potential risks in a number of standard practices performed in the lab, therefore appropriate measures were taken when preparing media and buffers, performing gel extractions, and using molecular biology kits for DNA purification etc. In general nitrile gloves, labcoats, and goggles were worn when required to ensure the safety of our team members in the lab. | + | |
- | <br> | + | |
| <br> | | <br> |
| | | |
Line 118: |
Line 51: |
| </div> | | </div> |
| | | |
- | <a name="Risks to the safety and health of the general public if released by design or accident?"></a><h2> Risks to the safety and health of the general public if released by design or accident?</h2> | + | <dd><h4><b>b. Risks to the safety and health of the general public if released by design or accident?</b><h4></dd> |
- | <h5>b. Risks to the safety and health of the general public if released by design or accident?</h5>
| + | |
- | Our standard assembly system is intended for research and development only and does therefore not pose a threat to public safety. If the biological parts or devices should be released by accident there would be no apparent risks, since the biological parts we are working with are not hazardous. They would not constitute any danger or other negative effects, if they were released by accidents. Furthermore our working strain <i>E. coli</i> DH5α does not thrive outside the laboratory, because it is an auxotroph and cannot transmit plasmids to other strains (it is a F- strain).
| + | |
- | <br>
| + | |
- | <br>
| + | |
| | | |
- | We have constructed resistance marker cassettes expressing ampicillin, hygromycin, or neomycin resistance. The antibiotics mentioned are used in public health settings to treat infections and therefore the spread of antibiotic resistance is very problematic and can have great implications on the public health. If these marker cassettes were accidentally released and a given microorganism was naturally transformed with the DNA there could be a small chance that the organism would have acquired resistance to the respective antibiotic. However, this is unlikely to happen. Should our <i>E. coli</i> DH5α containing a plasmid with antibiotic resistance be released into the environment, it would be unlikely for the strain to transfer the plasmid, as the strain as earlier mentioned is F-. Therefore the spread of antibiotic resistance genes poses a low safety risk. The <i>Aspergillus nidulans</i> strain used in this project is also an auxotroph and to survive outside the lab, it requires high concentrations of arginine, uracil, and uridine. The mammalian cells transfected with plasmids containing antibiotic resistance would not be able to survive outside the lab, because the U-2 OS cell line like many other mammalian cell lines requires very specific growth conditions.
| + | <dd>Our standard assembly system is intended for research and development only and does therefore not pose a threat to public safety. If the biological parts or devices should be released by accident there would be no apparent risks, since the biological parts we are working with are not hazardous. They would not constitute any danger or other negative effects, if they were released by accidents. Furthermore our working strain <i>E. coli</i> DH5α does not thrive outside the laboratory, because it is an auxotroph and cannot transmit plasmids to other strains (it is a F- strain).</dd> |
| <br> | | <br> |
| + | <dd>We have constructed resistance marker cassettes expressing ampicillin, hygromycin, or neomycin resistance. The antibiotics mentioned are used in public health settings to treat infections and therefore the spread of antibiotic resistance is very problematic and can have great implications on the public health. If these marker cassettes were accidentally released and a given microorganism was naturally transformed with the DNA there could be a small chance that the organism would have acquired resistance to the respective antibiotic. However, this is unlikely to happen. Should our <i>E. coli</i> DH5α containing a plasmid with antibiotic resistance be released into the environment, it would be unlikely for the strain to transfer the plasmid, as the strain as earlier mentioned is F-. Therefore the spread of antibiotic resistance genes poses a low safety risk. The <i>Aspergillus nidulans</i> strain used in this project is also an auxotroph and to survive outside the lab, it requires high concentrations of arginine, uracil, and uridine. The mammalian cells transfected with plasmids containing antibiotic resistance would not be able to survive outside the lab, because the U-2 OS cell line like many other mammalian cell lines requires very specific growth conditions. </dd> |
| <br> | | <br> |
| | | |
Line 132: |
Line 62: |
| </div> | | </div> |
| | | |
- | <a name="Risks to environmental quality if released by design or accident?"></a><h2>Risks to environmental quality if released by design or accident?</h2> | + | <dd><h4><b>c. Risks to environmental quality if released by design or accident?</b><h4></dd> |
| | | |
- | We have evaluated that there would be no risks to environmental quality if our biobricks or devices were released by design or accident, because the coding sequences mainly encode fluorescent proteins. As mentioned before the strains we were working with are not able to grow outside the lab and therefore do not pose any risks to environmental quality. | + | <dd>We have evaluated that there would be no risks to environmental quality if our biobricks or devices were released by design or accident, because the coding sequences mainly encode fluorescent proteins. As mentioned before the strains we were working with are not able to grow outside the lab and therefore do not pose any risks to environmental quality. |
| + | It is important to dispose biological waste correctly to prevent accidental release of the biological material from the laboratory. If all safety precautions are followed according to all local and federal regulations our project will not raise any safety issues. The guidelines for disposal of biological waste as defined by the Center for Microbial Biotechnology (CMB) at the Technical University of Denmark (DTU) was followed to prevent possible release of genetically modified organisms (GMO). </dd> |
| <br> | | <br> |
| + | <dd><h4><b>d. Risks to security through malicious misuse by individuals, groups or states?</b><h4></dd> |
| + | <dd>No, the parts we have constructed are in themselves or combined not a threat to security. The aim of our project is to develop an assembly standard that is easy and fast to use, but the assembly system can of course be misused, and thereby pose a security risk. However, this is the case for all technologies within biotechnology, and would require the knowledge and expertise of designing experiments and conducting them.</dd> |
| <br> | | <br> |
- | It is important to dispose biological waste correctly to prevent accidental release of the biological material from the laboratory. If all safety precautions are followed according to all local and federal regulations our project will not raise any safety issues. The guidelines for disposal of biological waste as defined by the Center for Microbial Biotechnology (CMB) at the Technical University of Denmark (DTU) was followed to prevent possible release of genetically modified organisms (GMO).
| |
- | <br>
| |
- | <br>
| |
- |
| |
- | <a name="Risks to security through malicious misuse by individuals, groups or states?"></a><h2>Risks to security through malicious misuse by individuals, groups or states?</h2>
| |
- |
| |
- | No, the parts we have constructed are in themselves or combined not a threat to security. The aim of our project is to develop an assembly standard that is easy and fast to use, but the assembly system can of course be misused, and thereby pose a security risk. However, this is the case for all technologies within biotechnology, and would require the knowledge and expertise of designing experiments and conducting them.
| |
- | <br>
| |
- | <br>
| |
- |
| |
| <div class="pic"> | | <div class="pic"> |
| <img src="https://static.igem.org/mediawiki/2011/thumb/6/67/Kitel.jpg/301px-Kitel.jpg" height="280px alt=""/> | | <img src="https://static.igem.org/mediawiki/2011/thumb/6/67/Kitel.jpg/301px-Kitel.jpg" height="280px alt=""/> |
| </div> | | </div> |
- | <a name="Specifically, are any parts or devices in your project associated with (or known to cause):"></a><h2>Specifically, are any parts or devices in your project associated with (or known to cause):</h2> | + | <dd><h4><b>e. Specifically, are any parts or devices in your project associated with (or known to cause)</b><h4></dd> |
- | | + | <dd><b>- pathogenicity, infectivity, or toxicity?</b> |
- | <b>- pathogenicity, infectivity, or toxicity?</b> | + | |
- | <br>
| + | |
| None of our parts or devices are associated with, or known to cause pathogenicity, infectivity or toxicity. | | None of our parts or devices are associated with, or known to cause pathogenicity, infectivity or toxicity. |
| <br> | | <br> |
| <b>- threats to environmental quality?</b> | | <b>- threats to environmental quality?</b> |
- | <br>
| |
| No parts or devices have been suspected to be a threat to environmental quality. | | No parts or devices have been suspected to be a threat to environmental quality. |
| <br> | | <br> |
- | | + | <b>- security concerns?</b> |
- | <b>- security concerns?'</b> | + | There are no security concerns associated with our project or the parts and devices constructed.</dd> |
| <br> | | <br> |
- | There are no security concerns associated with our project or the parts and devices constructed.
| + | <h3>2. If your response to any of the questions above is yes:</h3> |
| + | <dd><h4><b>a. Explain how you addressed these issues in project design and while conducting laboratory work.</b><h4></dd> |
| + | <dd>As non of our parts or devices are associated with or known to cause pathogenicity, infectivity, or toxicity it was not necessary to address such issues in the project design or while conducting laboratory work.</dd> |
| <br> | | <br> |
| + | <dd><h4><b>b. Describe and document safety, security, health and/or environmental issues as you submit your parts to the Registry.</b><h4></dd> |
| + | <dd>There where no safety, security, health and/or environmental issues regarding our submitted parts.</dd> |
| <br> | | <br> |
- | <a name="If your response to any of the questions above is yes:"></a><h2>If your response to any of the questions above is yes:</h2> | + | <h3>3. Under what biosafety provisions will / do you operate?</h3> |
- | <h4><b>2. If your response to any of the questions above is yes:</b></h4> | + | <dd><h4><b>a. Does your institution have its own biosafety rules and if so what are they?</b><h4></dd> |
| + | <dd>At the Center for Microbial Biotechnology at DTU, there are safety rules that all employees and students have to follow. There are some general rules regarding fire, accidents, preventing accidents, and personal safety outfit. The general safety rules and the biological safety rules of CMB can be found <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safetyrules">here</a>.</dd> |
| <br> | | <br> |
- | <a name="Explain how you addressed these issues in project design and while conducting laboratory work."></a><h2>Explain how you addressed these issues in project design and while conducting laboratory work.</h2> | + | <dd><h4><b>b. Does your institution have an Institutional Biosafety Committee or equivalent group?If yes, have you discussed your project with them? Describe any concerns or changes that were made based on this review.</b><h4></dd> |
- | | + | <dd>At CMB we have a local biosafety group that ensures the laboratory safety. Before initiating our project at CMB we signed a formula concerning the safety rules. Furthermore, we had to write short description of the type of experiments that are expected to be performed during the project, which is standard procedure at the institute. This description included the toxicity of the chemicals used, how to dispose them, and which precautions to make in order to perform the project in a responsible and safe way. The safety group found that the safety aspects of the project were sufficient, and the project was initiated after the approval. The safety group furthermore advised us to work according to standard safety protocols for genetic engineering and molecular biology. </dd> |
- | As non of our parts or devices are associated with or known to cause pathogenicity, infectivity, or toxicity it was not necessary to address such issues in the project design or while conducting laboratory work.
| + | |
| <br> | | <br> |
| + | <dd><h4><b>c. Did you receive any biosafety and/or lab training before beginning your project?If so, describe this training.</b><h4></dd> |
| + | <dd>All the team members had already been through extensive lab training and biosafety rules, because of previous experimental projects at the Center for Microbial Biotechnology, DTU. It was therefore decided that the laboratory work could be initiated after signing the formula concerning CMB’s safety rules and writing the project description without further laboratory training. </dd> |
| <br> | | <br> |
- | <a name="Describe and document safety, security, health and/or environmental issues as you submit your parts to the Registry."></a><h2>Describe and document safety, security, health and/or environmental issues as you submit your parts to the Registry.</h2> | + | <dd><h4><b>d. Does your country have national biosafety regulations or guidelines?If so, provide a link to them online if possible.</b><h4></dd> |
- | | + | <dd>In Denmark, specific laws and guidelines exist, that are to be considered when working with GMO. These guidelines are based on <a href="http://arbejdstilsynet.dk/da/regler/bekendtgorelser/g/sam-genteknologi-og-arbejdsmiljo-910.aspx">“Bekendtgørelse om genteknologi og arbejdsmiljø” (“The Order of Gene Technology and Working Environment)</a> from 2008, which is based on guidelines/rules determined by the European Union (1). Our project has followed the guidelines and laws set by the authority in Denmark and the European Union. |
- | There where no safety, security, health and/or environmental issues regarding our submitted parts.
| + | In conclusion, the organisms and biobricks used in this project do not represent any hazard to the researchers, when working in the laboratory or to the public safety. If the safety standard procedure is followed there is also no risk for contamination of the environment. </dd> |
| <br> | | <br> |
| <br> | | <br> |
- | <a name="Under what biosafety provisions will / do you operate?"></a><h2>Under what biosafety provisions will / do you operate?</h2> | + | <h3>References</h3> |
- | <h4><b>3. Under what biosafety provisions will / do you operate?</b></h4>
| + | |
- | <br>
| + | |
- | <a name="Does your institution have its own biosafety rules and if so what are they?"></a><h2>Does your institution have its own biosafety rules and if so what are they?</h2>
| + | |
- | | + | |
- | At the Center for Microbial Biotechnology at DTU, there are safety rules that all employees and students have to follow. There are some general rules regarding fire, accidents, preventing accidents, and personal safety outfit. The general safety rules and the biological safety rules of CMB can be found <a href="https://2011.igem.org/Team:DTU-Denmark-2/Safetyrules">here</a>.
| + | |
- | <br>
| + | |
- | <br>
| + | |
- | <a name="Does your institution have an Institutional Biosafety Committee or equivalent group?"></a><h2>Does your institution have an Institutional Biosafety Committee or equivalent group?</h2>
| + | |
- |
| + | |
- | If yes, have you discussed your project with them? Describe any concerns or changes that were made based on this review.
| + | |
- | | + | |
- | At CMB we have a local biosafety group that ensures the laboratory safety. Before initiating our project at CMB we signed a formula concerning the safety rules. Furthermore, we had to write short description of the type of experiments that are expected to be performed during the project, which is standard procedure at the institute. This description included the toxicity of the chemicals used, how to dispose them, and which precautions to make in order to perform the project in a responsible and safe way. The safety group found that the safety aspects of the project were sufficient, and the project was initiated after the approval. The safety group furthermore advised us to work according to standard safety protocols for genetic engineering and molecular biology.
| + | |
- | <br>
| + | |
- | <br>
| + | |
- | <a name="Will / did you receive any biosafety and/or lab training before beginning your project?"></a><h2>Will / did you receive any biosafety and/or lab training before beginning your project?</h2>
| + | |
- | | + | |
- | If so, describe this training.
| + | |
- | | + | |
- | All the team members had already been through extensive lab training and biosafety rules, because of previous experimental projects at the Center for Microbial Biotechnology, DTU. It was therefore decided that the laboratory work could be initiated after signing the formula concerning CMB’s safety rules and writing the project description without further laboratory training.
| + | |
- | <br>
| + | |
- | <br>
| + | |
- | <a name="Does your country have national biosafety regulations or guidelines?"></a><h2>Does your country have national biosafety regulations or guidelines?</h2>
| + | |
- | <h5>d. Does your country have national biosafety regulations or guidelines? If so, provide a link to them online if possible.</h5>
| + | |
- | | + | |
- | In Denmark, specific laws and guidelines exist, that are to be considered when working with GMO. These guidelines are based on <a href="http://arbejdstilsynet.dk/da/regler/bekendtgorelser/g/sam-genteknologi-og-arbejdsmiljo-910.aspx">“Bekendtgørelse om genteknologi og arbejdsmiljø” (“The Order of Gene Technology and Working Environment)</a> from 2008, which is based on guidelines/rules determined by the European Union (1). Our project has followed the guidelines and laws set by the authority in Denmark and the European Union.
| + | |
- | <br>
| + | |
- | <br>
| + | |
- | In conclusion the organisms and biobricks used in this project do not represent any hazard to the researchers, when working in the laboratory or to the public safety. If the safety standard procedure is followed there is also no risk for contamination of the environment.
| + | |
- | <br>
| + | |
- | <br>
| + | |
- | <a name="References"></a><h1>References</h1>
| + | |
| | | |
| | | |
| 1. the GenTSV §5 Abs. 2 i.V.m.Anhang Teil B, Teil A II, and the statement of the ZKBS (Central committee for Biological Safety, Germany). | | 1. the GenTSV §5 Abs. 2 i.V.m.Anhang Teil B, Teil A II, and the statement of the ZKBS (Central committee for Biological Safety, Germany). |
| </div> | | </div> |
- |
| |
| | | |
| | | |
| </ul> | | </ul> |
- | </td> | + | </div> |
- | </tr>
| + | |
- | </table>
| + | |
- | <div id="EndOfPage"></div>
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script>
| + | |
- | <script type="text/javascript" charset="utf-8">
| + | |
- | $(function(){
| + | |
- | // $('#test').text($(this).scrollTop());
| + | |
- | var menu = $('#menu')
| + | |
- | var pos = menu.position().top;
| + | |
- | var offset = 20;
| + | |
- | | + | |
- | $(window).scroll(function(){
| + | |
- | $('#test').text(menu.position().top);
| + | |
- | if(($(this).scrollTop() + menu.height() + offset) > $('#EndOfPage').position().top) {
| + | |
- | menu.css("position", "absolute");
| + | |
- | menu.css("top", ($('#EndOfPage').position().top - menu.height()) + "px");
| + | |
- | }else{
| + | |
- | | + | |
- | if(($(this).scrollTop() + offset) > pos) {
| + | |
- | menu.css("position", "fixed");
| + | |
- | menu.css("top", offset + "px");
| + | |
- | }else{
| + | |
- | menu.css("position", "relative");
| + | |
- | menu.css("top", "0px");
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | | + | |
| </body> | | </body> |
| </html> | | </html> |